css: factor out fonts to css variables.

2020-08-16 15:01:28 -05:00
parent 4a111705a2
commit 44cbce9855
5 changed files with 13 additions and 26 deletions
--- a/app/javascript/src/styles/base/000_vars.scss
+++ b/app/javascript/src/styles/base/000_vars.scss
@@ -5,6 +5,9 @@
  --text-lg: 1.16667em;
  --text-xl: 1.5em;
  --text-xxl: 2em;
+  --header-font: Tahoma, Verdana, Helvetica, sans-serif;
+  --body-font: Verdana, Helvetica, sans-serif;
+  --monospace-font: 1.2em monospace;
 }

 $h1_padding: 0.8em 0 0.25em 0;
@@ -12,9 +15,6 @@ $h2_padding: 0.8em 0 0.25em 0;
 $h3_padding: 0.8em 0 0.25em 0;
 $h4_padding: 0.8em 0 0.25em 0;

-/* stylelint-disable-next-line value-keyword-case */
-$base_font_family: Verdana, Helvetica, sans-serif;
-
@mixin animated-icon {
  content: "►";
  position: absolute;