Merge pull request #151 from Bisaloo/font-variable

Use a Sass variable for default font

Author: froggleston

NEWS.md

@@ -1,7 +1,24 @@
+# varnish 1.0.5.9000 ()
+
+## NEW FEATURES
+
+* Two new Sass variables (`default_font` and `mono_font`) have been created to
+  simplify the process of changing the default font and monospace font. 
+  In particular, this can be helpful for forks defining their own theme
+  (@Bisaloo #151)
+* Carpentry-specific favicons are now used automatically based on the value of
+  the `carpentry:` value in the `config.yaml` file (@Bisaloo, #152, based on a
+  report from @zkamvar in #33).
+
+
 # varnish 1.0.4 (2024-08-23)
 
 ## NEW FEATURES
 
+* Two new Sass variables (`default_font` and `mono_font`) have been created to
+  simplify the process of changing the default font and monospace font. 
+  In particular, this can be helpful for forks defining their own theme
+  (@Bisaloo #151)
 * Carpentry-specific favicons are now used automatically based on the value of
   the `carpentry:` value in the `config.yaml` file (@Bisaloo, #152, based on a
   report from @zkamvar in #33).

inst/pkgdown/assets/assets/styles.css

@@ -138,7 +138,7 @@
   }
   .accordion-item {
     border-color: $black;
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: normal;
     font-size: 1.2rem;
@@ -151,7 +151,7 @@
     }
   }
   .accordion-header {
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: normal;
     font-size: 1.2rem;
@@ -197,7 +197,7 @@
       box-shadow: #0d6efd 0px 0px 0px 4px;
     }
     &, h3 {
-      font-family: Mulish;
+      font-family: $default_font;
       font-size: 1.2rem;
       font-style: normal;
       font-weight: normal;

inst/pkgdown/assets/assets/styles.css.map

@@ -9,7 +9,7 @@ div.sourceCode {
 /* ZNK: added in 2022-01-07 */
 
 pre {
-  font-family: 'Source Code Pro', monospace;
+  font-family: $mono_font, monospace;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;

source/stylesheets/callouts.scss

@@ -1,6 +1,6 @@
 .footer {
 	margin-top: 25px;
-	font-family: Mulish;
+	font-family: $default_font;
 	font-style: normal;
 	font-weight: 300;
 	font-size: 14px;
@@ -11,4 +11,4 @@
 
 .footer p{
 	padding-left: 20px;
-}
+}

source/stylesheets/codeblocks.scss

@@ -28,7 +28,7 @@
 }
 
 .mobile-title {
-  font-family: Mulish;
+  font-family: $default_font;
   font-style: normal;
   font-weight: 800;
   font-size: 24px;
@@ -167,7 +167,7 @@
 }
 
 .lesson-title {
-  font-family: Mulish;
+  font-family: $default_font;
   font-style: normal;
   font-weight: 800;
   font-size: 24px;
@@ -359,7 +359,7 @@
 
   .lesson-title-md {
     display: block;
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: 800;
     font-size: 32px;
@@ -462,7 +462,7 @@
 
   .lesson-title-md {
     display: inline-block;
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: 800;
     font-size: 32px;

source/stylesheets/footer.scss

@@ -13,7 +13,7 @@
      padding: 25px 35px;
      background: $light-gray;
      li {
-      list-style-type: inherit; 
+      list-style-type: inherit;
       margin-left: 0px;
       margin-top:10px;
       margin-bottom:20px;
@@ -31,7 +31,7 @@
       box-shadow: #0d6efd 0px 0px 0px 4px;
     }
     &, h3 {
-      font-family: Mulish;
+      font-family: $default_font;
       font-size: 16px;
       font-style: normal;
       font-weight: normal;

source/stylesheets/header.scss

@@ -70,7 +70,7 @@
 }
 
 body {
-  font-family: 'Mulish', sans serif;
+  font-family: $default_font, sans serif;
   font-weight: $font_weight_normal;
 }
 

source/stylesheets/instructornotes.scss

@@ -1,5 +1,7 @@
 $font_weight_normal: 400;
 $font_weight_bold: 800;
+$default_font: Mulish;
+$mono_font: 'Source Code Pro';
 $asset_base_path: '../assets' !default;
 
 $black: #383838;