Update type-on-strap.scss

_sass/external/katex/katex.scss

@@ -133,6 +133,7 @@ $border-color_1: currentColor;
   font-weight: 400;
   src: url("#{$katex-font-path}/KaTeX_Typewriter-Regular.woff2") format("woff2"),url("#{$katex-font-path}/KaTeX_Typewriter-Regular.woff") format("woff"),url("#{$katex-font-path}/KaTeX_Typewriter-Regular.ttf") format("truetype");
 }
+
 .katex {
   font: normal 1.21em KaTeX_Main, Times New Roman, serif;
   line-height: 1.2;

_sass/type-on-strap.scss

@@ -3,6 +3,26 @@
 /* Base */
 @use 'base/index' as base;
 
+/* Includes */
+// Linked with the html in the _includes folder
+@use 'includes/post_nav';
+@use 'includes/footer';
+@use 'includes/navbar';
+@use 'includes/share_buttons';
+@use 'includes/blog_nav';
+@use 'includes/gallery';
+@use 'includes/portfolio';
+@use 'includes/aligner';
+
+/* Posts */
+// Linked with the html in the _layouts folder
+@use 'layouts/posts';
+@use 'layouts/categories';
+@use 'layouts/blog';
+@use 'layouts/page';
+@use 'layouts/tags';
+@use 'layouts/search';
+
 /* External */
 // CSS from external sources
 @import 'external/reset';
@@ -12,34 +32,14 @@
 @import 'external/source-sans-pro';
 
 
-/* Includes */
-// Linked with the html in the _includes folder
-@import 'includes/post_nav';
-@import 'includes/footer';
-@import 'includes/navbar';
-@import 'includes/share_buttons';
-@import 'includes/blog_nav';
-@import 'includes/gallery';
-@import 'includes/portfolio';
-@import 'includes/aligner';
-
-/* Posts */
-// Linked with the html in the _layouts folder
-@import 'layouts/posts';
-@import 'layouts/categories';
-@import 'layouts/blog';
-@import 'layouts/page';
-@import 'layouts/tags';
-@import 'layouts/search';
-
 /**
 
 CUSTOM STYLING
 
 In the case you want to add your own style on top of the type-on-strap one.
 You can add a custom scss file using:
 
-@import 'custom';
+@use 'custom';
 
 Put it right after this comment for your changes to be applied over the default style.
 (Once it processed into the assets/css/main.css by Jekyll at run time)