Add style for sphinx design (#127)

* inline code * sphinx design styles
ansys · Sep 30, 2022 · 96bf84b · 96bf84b
1 parent 555bee5
commit 96bf84b
Showing 1 changed file with 48 additions and 15 deletions.
diff --git a/src/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css b/src/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css
@@ -2,8 +2,8 @@
 @import "../basic.css";
 @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
-@import "../tabs.css";
 @import "../sg_gallery.css";
+@import "../design-style.4045f2051d55cab465a707391d5b2007.min.css";
 
 
 @font-face {
@@ -89,7 +89,7 @@ html[data-theme="light"] {
 
   --pst-color-link:#1E6DDC;
   --pst-color-link-hover:#32cfea;
-  --pst-color-inline-code: #CD186D;
+  --pst-color-inline-code: #000;
   --pst-color-target: rgb(255, 255, 255);
   /* color for sphinx-gallery-code output*/
   --pst-color-codeout: #fafae2;
@@ -125,7 +125,7 @@ html[data-theme="dark"] {
 
   --pst-color-link: #0088CC;
   --pst-color-link-hover:#32cfea;
-  --pst-color-inline-code: rgb(221, 158, 194);
+  --pst-color-inline-code: #fff;
   --pst-color-target: rgb(71, 39, 0);
   /* color for sphinx-gallery-code output*/
   --pst-color-codeout: #6c757d;
@@ -144,6 +144,10 @@ h1, h2 {
   color: #ddd;
 }
 
+dt:target, span.highlighted {
+   background-color: var(--pst-color-border); 
+}
+
 .docutils {
     color: var(--pst-color-inline-code);
     font-family:var(--font-family-monospace);
@@ -204,25 +208,54 @@ p.rubric {
 
 
 /*
-###############
-   Sphinx-tab 
-###############
+#################
+   Sphinx-design 
+#################
 */
-.sphinx-tabs-panel p{
-  font-weight: 400;
-  font-family: 'Source Sans Pro', sans-serif;
-  font-size: 1rem;
-  font-style: var(--pst-font-family-base-system);
+
+.sd-tab-set>input:not(.focus-visible)+label {
+    outline: none;
+    font-size: large;
+    -webkit-tap-highlight-color: transparent;
+    color: var(--pst-color-text-base);
 }
 
-.sphinx-tabs-tab[aria-selected="true"] {
-  background-color: var(--pst-color-background);
+
+.sd-tab-set>input:checked+label+.sd-tab-content {
+    display: block;
+    font-size: medium;
 }
 
-.sphinx-tabs-panel {
-    background: var(--pst-color-background);
+.sd-tab-set>input:checked+label+.sd-tab-content {
+    display: block;
+    font-size: .9rem;
 }
 
+.sd-tab-content {
+    font-family: var(--pst-font-family-base);
+}
+
+.bd-content .sd-tab-set>input:checked+label, .bd-content .sd-tab-set>input:not(:checked)+label:hover {
+    color: var(--pst-color-text-base);
+}
+
+.sd-row-cols-lg-4>* {
+    flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    width: 25%;
+}
+
+.sd-sphinx-override, .sd-sphinx-override * {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background-color: var(--pst-color-background)!important;
+    font-family: var(--pst-font-family-base)!important;
+    font-size: small;
+    color: var(--pst-color-text-base)!important;
+}
+
+
 /*
 ###############
    table