css: make it possible to have colored *parts* of math equations.

diff --git a/css/m-components.css b/css/m-components.css
index 7260014d152161a810bc90b807a5399d9a849a81..2c8ddd4ce211eb1a303201be7c55662bcc17d57e 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -983,27 +983,48 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: var(--dim-color); }
 
-/* Colored math block, inline math, plots */
+/* Colored math block, inline math, colored math parts, plots */
 div.m-math svg, svg.m-math { fill: var(--color); }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: var(--default-color);
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: var(--primary-color);
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: var(--success-color);
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: var(--warning-color);
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: var(--danger-color);
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: var(--info-color);
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: var(--dim-color);
 }
 

diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index f38ecfb4d6e28e6843a145fee9ddaf1d07b1280c..2621a41e8302f843eed2475bc830f046b4047b2f 100644 (file)
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #747474; }
 div.m-math svg, svg.m-math { fill: #dcdcdc; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #dcdcdc;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #a5c9ea;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #3bd267;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #cd3431;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2f83cc;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #747474;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index f17f987a419b23bba259055ae1b47f352742efc2..9df06a756811aaacbf670a6423a5130890ae239f 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #747474; }
 div.m-math svg, svg.m-math { fill: #dcdcdc; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #dcdcdc;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #a5c9ea;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #3bd267;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #cd3431;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2f83cc;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #747474;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,

diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index 54648fb1dbf09987b14a69b6742b1ee52e819bca..67517091e81b58f7e62f5422c87fc409a0b62aad 100644 (file)
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #bdbdbd; }
 div.m-math svg, svg.m-math { fill: #000000; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #000000;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #cb4b16;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #31c25d;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #f60000;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2e7dc5;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #bdbdbd;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index f341b00edf82418ee70f184d7e6b7b385a425d03..ace533f74997f09f8512c625194b81bc849477a0 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -1287,25 +1287,46 @@ div.m-plot svg .m-error {
 }
 div.m-plot svg .m-label.m-dim { fill: #bdbdbd; }
 div.m-math svg, svg.m-math { fill: #000000; }
-div.m-math.m-default svg, svg.m-math.m-default, div.m-plot svg .m-bar.m-default {
+div.m-math.m-default svg, svg.m-math.m-default,
+div.m-math svg g.m-default, svg.m-math g.m-default,
+div.m-math svg rect.m-default, svg.m-math rect.m-default,
+div.m-plot svg .m-bar.m-default {
   fill: #000000;
 }
-div.m-math.m-primary svg, svg.m-math.m-primary, div.m-plot svg .m-bar.m-primary {
+div.m-math.m-primary svg, svg.m-math.m-primary,
+div.m-math svg g.m-primary, svg.m-math g.m-primary,
+div.m-math svg rect.m-primary, svg.m-math rect.m-primary,
+div.m-plot svg .m-bar.m-primary {
   fill: #cb4b16;
 }
-div.m-math.m-success svg, svg.m-math.m-success, div.m-plot svg .m-bar.m-success {
+div.m-math.m-success svg, svg.m-math.m-success,
+div.m-math svg g.m-success, svg.m-math g.m-success,
+div.m-math svg rect.m-success, svg.m-math rect.m-success,
+div.m-plot svg .m-bar.m-success {
   fill: #31c25d;
 }
-div.m-math.m-warning svg, svg.m-math.m-warning, div.m-plot svg .m-bar.m-warning {
+div.m-math.m-warning svg, svg.m-math.m-warning,
+div.m-math svg g.m-warning, svg.m-math g.m-warning,
+div.m-math svg rect.m-warning, svg.m-math rect.m-warning,
+div.m-plot svg .m-bar.m-warning {
   fill: #c7cf2f;
 }
-div.m-math.m-danger svg, svg.m-math.m-danger, div.m-plot svg .m-bar.m-danger {
+div.m-math.m-danger svg, svg.m-math.m-danger,
+div.m-math svg g.m-danger, svg.m-math g.m-danger,
+div.m-math svg rect.m-danger, svg.m-math rect.m-danger,
+div.m-plot svg .m-bar.m-danger {
   fill: #f60000;
 }
-div.m-math.m-info svg, svg.m-math.m-info, div.m-plot svg .m-bar.m-info {
+div.m-math.m-info svg, svg.m-math.m-info,
+div.m-math svg g.m-info, svg.m-math g.m-info,
+div.m-math svg rect.m-info, svg.m-math rect.m-info,
+div.m-plot svg .m-bar.m-info {
   fill: #2e7dc5;
 }
-div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
+div.m-math.m-dim svg, svg.m-math.m-dim,
+div.m-math svg g.m-dim, svg.m-math g.m-dim,
+div.m-math svg rect.m-dim, svg.m-math rect.m-dim,
+div.m-plot svg .m-bar.m-dim {
   fill: #bdbdbd;
 }
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,