CSS: Tweaked css heading font to fall back to body font

diff --git a/resources/sass/_text.scss b/resources/sass/_text.scss
index f2c88d96dd1ffdc87761fa0ec7f45c45c779b450..7cade9607b92b2c2cdbaa1f02b24f110257fd2d1 100644 (file)
--- a/resources/sass/_text.scss
+++ b/resources/sass/_text.scss
@@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   position: relative;
   display: block;
   font-weight: 400;
   position: relative;
   display: block;

-  font-family: var(--font-heading);
+  font-family: var(--font-heading, var(--font-body));

   @include lightDark(color, #222, #BBB);
   .subheader {
     font-size: 0.5em;
   @include lightDark(color, #222, #BBB);
   .subheader {
     font-size: 0.5em;

diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss
index 5892237d91473321d7a83cd7cf6fa3865a9d2ccb..a3598e29c4cfee6da16dcb6e82758f38f1cad3a8 100644 (file)
--- a/resources/sass/_variables.scss
+++ b/resources/sass/_variables.scss
@@ -60,10 +60,8 @@ $bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);
 // CSS root variables
 :root {
   --font-body: #{$font-body};
 // CSS root variables
 :root {
   --font-body: #{$font-body};

-  --font-heading: #{$font-body};

   --font-code: #{$font-mono};
 
   --font-code: #{$font-mono};
 

-

   --color-primary: #206ea7;
   --color-primary-light: rgba(32,110,167,0.15);
   --color-link: #206ea7;
   --color-primary: #206ea7;
   --color-primary-light: rgba(32,110,167,0.15);
   --color-link: #206ea7;