tdf#142380 (part) Use variables in css

Change-Id: I14f9e8af88cb7eb1fbf8f6647d2ad891018edbff
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128014
Tested-by: Jenkins
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>

1 files changed, 7 insertions, 4 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 2eff6c39ff..69619ee1ae 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -28,6 +28,9 @@ We use rem as the unit for article and footer contents because they
 do not break anything related to layout by scaling.
 
 */
+:root {
+  --font_mono: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+}
 
 body,
 p,
@@ -47,7 +50,7 @@ h6,
     transition-property: background-color;
     transition-duration: 150ms;
     border-bottom: 1px dashed rgba(0,0,0,0.1);
-    font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+    font-family: var(--font_mono);
 }
 [data-tooltip]{
   position:relative;
@@ -117,12 +120,12 @@ pre,
     border-radius: 2px;
     display: inline;
     padding: 1px 3px;
-    font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+    font-family: var(--font_mono);
 }
 .smathcode {
     border-radius: 2px;
     padding: 1px 3px;
-    font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+    font-family: var(--font_mono);
 }
 .acronym {
     font-weight: bold;
@@ -137,7 +140,7 @@ pre,
     font-weight: bold;
 }
 .keycode {
-    font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+    font-family: var(--font_mono);
 }
 .widget{
     padding: 1px 10px;