Add css for blockquote and references/citations (#482)

pydata · Sep 25, 2021 · a62c05c · a62c05c
1 parent 8fa0080
commit a62c05c
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 4 deletions.
diff --git a/...ndex.ef515bf865743bbaed9984579188973e.css → ...ndex.adfc57296990d4b2f3a187d629e201b3.css b/...ndex.ef515bf865743bbaed9984579188973e.css → ...ndex.adfc57296990d4b2f3a187d629e201b3.css
diff --git a/...e/static/js/index.9c9e368bceed924a6569.js → ...e/static/js/index.bf9e07489fed6cf49b0d.js b/...e/static/js/index.9c9e368bceed924a6569.js → ...e/static/js/index.bf9e07489fed6cf49b0d.js
diff --git a/pydata_sphinx_theme/static/webpack-macros.html b/pydata_sphinx_theme/static/webpack-macros.html
@@ -13,13 +13,13 @@
 
 {% macro head_pre_bootstrap() %}
   <link href="{{ pathto('_static/css/theme.css', 1) }}" rel="stylesheet">
-  <link href="{{ pathto('_static/css/index.ef515bf865743bbaed9984579188973e.css', 1) }}" rel="stylesheet">
+  <link href="{{ pathto('_static/css/index.adfc57296990d4b2f3a187d629e201b3.css', 1) }}" rel="stylesheet">
 {% endmacro %}
 
 {% macro head_js_preload() %}
-  <link rel="preload" as="script" href="{{ pathto('_static/js/index.9c9e368bceed924a6569.js', 1) }}">
+  <link rel="preload" as="script" href="{{ pathto('_static/js/index.bf9e07489fed6cf49b0d.js', 1) }}">
 {% endmacro %}
 
 {% macro body_post() %}
-  <script src="{{ pathto('_static/js/index.9c9e368bceed924a6569.js', 1) }}"></script>
+  <script src="{{ pathto('_static/js/index.bf9e07489fed6cf49b0d.js', 1) }}"></script>
 {% endmacro %}
diff --git a/src/scss/index.scss b/src/scss/index.scss
@@ -25,6 +25,29 @@ $grid-breakpoints: (
 @import './api';
 
 // Custom css, TODO: to be refactored in different partials
+// GitHub blockquote style
+blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: .25em solid #dfe2e5;
+}
+
+// For consistency, add bracket around footnotes/citations which are
+// cited more than once. E.g. [Newton](1,2) instead of Newton(1,2)
+dt.label > span.brackets:not(:only-child):before {
+  content: "[";
+}
+
+dt.label > span.brackets:not(:only-child):after {
+  content: "]";
+}
+
+// Make footnote as a supercript
+a.footnote-reference {
+  vertical-align: super;
+  font-size: small;
+}
+
 div.deprecated {
   margin-bottom: 10px;
   margin-top: 10px;