Assorted CSS fixes (#220)

* Fix maths alignment

* Fix some CSS for hover borders

Author: Cadair

src/sunpy_sphinx_theme/__init__.py

@@ -156,7 +156,7 @@ def setup(app: Sphinx):
     # Register theme
     theme_dir = get_html_theme_path()
     app.add_html_theme("sunpy", theme_dir)
-    app.add_css_file("sunpy_style.css")
+    app.add_css_file("sunpy_style.css", priority=600)
 
     app.connect("builder-inited", update_config)
     app.connect("html-page-context", update_html_context)

src/sunpy_sphinx_theme/theme/sunpy/static/sunpy_style.css

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900");
 
-html {
+:root {
   --pst-font-size-base: 17px;
   --pst-sidebar-font-size: 1em;
   --pst-font-family-base: "Source Sans Pro", var(--pst-font-family-base-system);
@@ -31,6 +31,9 @@ html {
   --sst-header-background: var(--sst-dark-color);
   --sst-header-text: var(--sst-lighter-color);
   --sst-sidebar-background-color: var(--pst-color-background);
+
+  /* sphinx-design themeing */
+  --sd-color-card-border-hover: var(--sst-accent-color-bright);
 }
 
 html[data-theme="light"] {
@@ -66,6 +69,7 @@ body {
   --sg-download-a-hover-background-color: var(--sg-download-a-background-color);
   --sg-download-a-hover-box-shadow-1: none;
   --sg-download-a-hover-box-shadow-2: none;
+  --sg-thumb-hover-border: var(--sst-accent-color-bright);
 }
 
 /* Global Styling */
@@ -82,6 +86,11 @@ code.literal {
   color: var(--sst-darker-color) !important;
 }
 
+div.math {
+  flex-direction: row;
+  justify-content: center;
+}
+
 .modal {
   --bs-modal-bg: var(--pst-color-background);
 }

test_package/docs/index.rst

@@ -20,6 +20,8 @@ Documentation :any:`index <genindex>` and :any:`Module <modindex>` index.
 
     .. grid-item-card::
         :class-card: card
+        :link: subsections
+        :link-type: ref
 
         Conventions
         ^^^^^^^^^^^

test_package/docs/subsections.rst

@@ -1,3 +1,5 @@
+.. _subsections:
+
 ###########
 subsections
 ###########