css: make it possible to have math *in buttons*.

Yes, I'm crazy.

diff --git a/css/m-components.css b/css/m-components.css
index 2546a0ecb079e25c6ae339905316b179b76b6b22..7260014d152161a810bc90b807a5399d9a849a81 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -949,12 +949,18 @@ pre.m-code.m-inverted > span.hll {
   border-color: transparent;
 }
 
-/* Math block, inline math */
+/* Math block, inline math, math inside buttons because I am crazy */
 div.m-math {
   overflow-x: auto;
   overflow-y: hidden; /* Chrome 62 displays a vertical scrollbar otherwise */
   text-align: center;
 }
+div.m-button a svg.m-math { fill: var(--button-background-color); }
+div.m-button.m-flat a svg.m-math { fill: var(--color); }
+div.m-button.m-flat a:hover svg.m-math, div.m-button.m-default a:focus svg.m-math,
+div.m-button.m-default a:active svg.m-math {
+  fill: var(--link-active-color);
+}
 
 /* Plots */
 div.m-plot svg {

diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index d94915ad97c8eb86612757160df997608e4fb46f..f38ecfb4d6e28e6843a145fee9ddaf1d07b1280c 100644 (file)
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -1262,6 +1262,12 @@ div.m-math {
   overflow-y: hidden;
   text-align: center;
 }
+div.m-button a svg.m-math { fill: #22272e; }
+div.m-button.m-flat a svg.m-math { fill: #dcdcdc; }
+div.m-button.m-flat a:hover svg.m-math, div.m-button.m-default a:focus svg.m-math,
+div.m-button.m-default a:active svg.m-math {
+  fill: #a5c9ea;
+}
 div.m-plot svg {
   text-align: center;
 }

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index 8051709aea8e0388f7b52ede0300131bb9f1b752..f17f987a419b23bba259055ae1b47f352742efc2 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -1262,6 +1262,12 @@ div.m-math {
   overflow-y: hidden;
   text-align: center;
 }
+div.m-button a svg.m-math { fill: #22272e; }
+div.m-button.m-flat a svg.m-math { fill: #dcdcdc; }
+div.m-button.m-flat a:hover svg.m-math, div.m-button.m-default a:focus svg.m-math,
+div.m-button.m-default a:active svg.m-math {
+  fill: #a5c9ea;
+}
 div.m-plot svg {
   text-align: center;
 }

diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index 5835573af8fa1da74e993cbab220468963ae0b19..54648fb1dbf09987b14a69b6742b1ee52e819bca 100644 (file)
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -1262,6 +1262,12 @@ div.m-math {
   overflow-y: hidden;
   text-align: center;
 }
+div.m-button a svg.m-math { fill: #ffffff; }
+div.m-button.m-flat a svg.m-math { fill: #000000; }
+div.m-button.m-flat a:hover svg.m-math, div.m-button.m-default a:focus svg.m-math,
+div.m-button.m-default a:active svg.m-math {
+  fill: #cb4b16;
+}
 div.m-plot svg {
   text-align: center;
 }

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index 4a5e052f4638ff740ed04991dfe7f0e98f6dba94..f341b00edf82418ee70f184d7e6b7b385a425d03 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -1262,6 +1262,12 @@ div.m-math {
   overflow-y: hidden;
   text-align: center;
 }
+div.m-button a svg.m-math { fill: #ffffff; }
+div.m-button.m-flat a svg.m-math { fill: #000000; }
+div.m-button.m-flat a:hover svg.m-math, div.m-button.m-default a:focus svg.m-math,
+div.m-button.m-default a:active svg.m-math {
+  fill: #cb4b16;
+}
 div.m-plot svg {
   text-align: center;
 }