From 6fba2f86705342016f759a69bf1a2ae23ee438e6 Mon Sep 17 00:00:00 2001 From: sylhare Date: Wed, 20 Nov 2024 16:39:49 -0500 Subject: [PATCH 1/8] Try 'use' instead of deprecated 'import' --- assets/css/main.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index ca3c9f3711..c76ded41c6 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1,4 +1,4 @@ --- --- -@import "type-on-strap"; +@use "type-on-strap"; From 096bf3d765434dc6114f7fe2414eaaf4af4e9cce Mon Sep 17 00:00:00 2001 From: sylhare Date: Thu, 21 Nov 2024 09:53:55 -0500 Subject: [PATCH 2/8] Update base --- _sass/base/_global.scss | 2 ++ _sass/base/_highlight.scss | 1 + _sass/base/_utility.scss | 2 ++ _sass/type-on-strap.scss | 10 ++-------- 4 files changed, 7 insertions(+), 8 deletions(-) diff --git a/_sass/base/_global.scss b/_sass/base/_global.scss index f1d9a3d5b0..24bcfaeb61 100644 --- a/_sass/base/_global.scss +++ b/_sass/base/_global.scss @@ -1,3 +1,5 @@ +@use 'variables' as *; + * { margin: 0; padding: 0; diff --git a/_sass/base/_highlight.scss b/_sass/base/_highlight.scss index 79b924c328..75bb27e018 100644 --- a/_sass/base/_highlight.scss +++ b/_sass/base/_highlight.scss @@ -1,6 +1,7 @@ // ========================================================================== // Syntax highlighting // ========================================================================== +@use 'variables' as *; div.highlighter-rouge, figure.highlight, diff --git a/_sass/base/_utility.scss b/_sass/base/_utility.scss index a067f47a9d..66495d6551 100644 --- a/_sass/base/_utility.scss +++ b/_sass/base/_utility.scss @@ -1,3 +1,5 @@ +@use 'variables' as *; + // Mix-ins %padding-nav { padding: $padding-small $padding-x-large; diff --git a/_sass/type-on-strap.scss b/_sass/type-on-strap.scss index 9401cbdc90..9d7682e564 100644 --- a/_sass/type-on-strap.scss +++ b/_sass/type-on-strap.scss @@ -1,8 +1,7 @@ /* TYPE_ON_STRAP Main style sheet */ -/* Variables */ -// All the options to customize your theme in one file -@import 'base/variables'; +/* Base */ +@use 'base/index' as base; /* External */ // CSS from external sources @@ -12,11 +11,6 @@ @import 'external/katex'; @import 'external/source-sans-pro'; -/* Base */ -// For general CSS in the theme -@import 'base/global'; -@import 'base/highlight'; -@import 'base/utility'; /* Includes */ // Linked with the html in the _includes folder From 11671fe9244f45c2a84f9dea33a5b7ebeff1a402 Mon Sep 17 00:00:00 2001 From: sylhare Date: Thu, 21 Nov 2024 09:54:22 -0500 Subject: [PATCH 3/8] Add missing 'use' --- _sass/includes/_blog_nav.scss | 3 +++ _sass/includes/_footer.scss | 2 ++ _sass/includes/_navbar.scss | 2 ++ _sass/includes/_portfolio.scss | 2 ++ _sass/includes/_post_nav.scss | 7 +++---- _sass/layouts/_blog.scss | 3 +++ _sass/layouts/_categories.scss | 2 ++ _sass/layouts/_page.scss | 3 +++ _sass/layouts/_posts.scss | 3 +++ _sass/layouts/_tags.scss | 2 ++ 10 files changed, 25 insertions(+), 4 deletions(-) diff --git a/_sass/includes/_blog_nav.scss b/_sass/includes/_blog_nav.scss index 2aab1d46c6..8124cd96b0 100644 --- a/_sass/includes/_blog_nav.scss +++ b/_sass/includes/_blog_nav.scss @@ -1,3 +1,6 @@ +@use '../base/variables' as *; +@use '../base/utility' as *; + /* --- Pagination --- */ .pagination { @extend %padding-nav; diff --git a/_sass/includes/_footer.scss b/_sass/includes/_footer.scss index 1f4ddecfdb..8830e1c310 100644 --- a/_sass/includes/_footer.scss +++ b/_sass/includes/_footer.scss @@ -1,3 +1,5 @@ +@use '../base/utility' as *; + .site-footer { @extend %padding-post; z-index: -1; diff --git a/_sass/includes/_navbar.scss b/_sass/includes/_navbar.scss index 3f3e592c67..06c42daacb 100644 --- a/_sass/includes/_navbar.scss +++ b/_sass/includes/_navbar.scss @@ -1,3 +1,5 @@ +@use '../base/variables' as *; + // To clear things when we float the element inside nav and ul .clear { *zoom: 1; diff --git a/_sass/includes/_portfolio.scss b/_sass/includes/_portfolio.scss index 0c16b48fd4..8867614420 100644 --- a/_sass/includes/_portfolio.scss +++ b/_sass/includes/_portfolio.scss @@ -1,3 +1,5 @@ +@use '../base/variables' as *; + .portfolio-link { display: block; position: relative; diff --git a/_sass/includes/_post_nav.scss b/_sass/includes/_post_nav.scss index a3df09e544..158909efcf 100644 --- a/_sass/includes/_post_nav.scss +++ b/_sass/includes/_post_nav.scss @@ -1,3 +1,6 @@ +@use '../base/variables' as *; +@use '../base/utility' as *; + #post-nav { width: 100%; display: inline-block; @@ -9,10 +12,6 @@ margin: 0; } - p { - @extend .meta; - } - #previous-post { float: left; width: 50%; diff --git a/_sass/layouts/_blog.scss b/_sass/layouts/_blog.scss index d4493684ef..9348224179 100644 --- a/_sass/layouts/_blog.scss +++ b/_sass/layouts/_blog.scss @@ -1,3 +1,6 @@ +@use '../base/variables' as *; +@use '../base/utility' as *; + /* --- Header text feature --- */ .call-out { @extend %padding-header; diff --git a/_sass/layouts/_categories.scss b/_sass/layouts/_categories.scss index 2e79a7961d..5cc5ecdfb3 100644 --- a/_sass/layouts/_categories.scss +++ b/_sass/layouts/_categories.scss @@ -1,3 +1,5 @@ +@use '../base/variables' as *; + #archive, #categories { .archive-clouds, diff --git a/_sass/layouts/_page.scss b/_sass/layouts/_page.scss index eac4b9716d..8db9fb8af4 100644 --- a/_sass/layouts/_page.scss +++ b/_sass/layouts/_page.scss @@ -1,3 +1,6 @@ +@use '../base/variables' as *; +@use '../base/utility' as *; + .title-padder { padding: $title-padding; } diff --git a/_sass/layouts/_posts.scss b/_sass/layouts/_posts.scss index 9b92839d1e..0f99e1bde1 100644 --- a/_sass/layouts/_posts.scss +++ b/_sass/layouts/_posts.scss @@ -1,3 +1,6 @@ +@use '../base/variables' as *; +@use '../base/utility' as *; + .comments { @extend %padding-post; border-bottom: 1px solid rgba(0, 0, 0, 0.1); diff --git a/_sass/layouts/_tags.scss b/_sass/layouts/_tags.scss index 598d159461..801e548240 100644 --- a/_sass/layouts/_tags.scss +++ b/_sass/layouts/_tags.scss @@ -1,3 +1,5 @@ +@use '../base/variables' as *; + .tag-list { width: 100%; padding-bottom: $padding-x-small; From fdd38560c2aada49e6b0c8aee554e3eb5c51d71b Mon Sep 17 00:00:00 2001 From: sylhare Date: Thu, 21 Nov 2024 09:56:02 -0500 Subject: [PATCH 4/8] Update type-on-strap.scss --- _sass/external/katex/katex.scss | 1 + _sass/type-on-strap.scss | 42 ++++++++++++++++----------------- 2 files changed, 22 insertions(+), 21 deletions(-) diff --git a/_sass/external/katex/katex.scss b/_sass/external/katex/katex.scss index d856abf272..1e9147197f 100644 --- a/_sass/external/katex/katex.scss +++ b/_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; diff --git a/_sass/type-on-strap.scss b/_sass/type-on-strap.scss index 9d7682e564..a84d5a8822 100644 --- a/_sass/type-on-strap.scss +++ b/_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,26 +32,6 @@ @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 @@ -39,7 +39,7 @@ 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) From fb9666685bf1a3726fdced1cd439927d4e64b28e Mon Sep 17 00:00:00 2001 From: sylhare Date: Mon, 25 Nov 2024 11:08:08 -0500 Subject: [PATCH 5/8] Update custom documetnation --- _sass/type-on-strap.scss | 16 ---------------- assets/css/main.scss | 14 ++++++++++++++ 2 files changed, 14 insertions(+), 16 deletions(-) diff --git a/_sass/type-on-strap.scss b/_sass/type-on-strap.scss index a84d5a8822..3626a760aa 100644 --- a/_sass/type-on-strap.scss +++ b/_sass/type-on-strap.scss @@ -32,19 +32,3 @@ @import 'external/source-sans-pro'; -/** - -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: - -@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) - -Then create your _custom.scss right next to type-on-strap.scss and add in it all -of the unique scss that your blog needs. - -*/ diff --git a/assets/css/main.scss b/assets/css/main.scss index c76ded41c6..360753463a 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -2,3 +2,17 @@ --- @use "type-on-strap"; + +/** + +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 placed in the _sass folder using: + +@use 'custom'; + +Put it right after this comment for your changes to be applied over the default style. +(Once it processed into the main.css by Jekyll at run time) + +*/ From 3b05c887c5a144755ea36111e49bb5d7fa48772f Mon Sep 17 00:00:00 2001 From: sylhare Date: Mon, 25 Nov 2024 11:08:52 -0500 Subject: [PATCH 6/8] Fix external --- _sass/external/_katex.scss | 3 ++- _sass/type-on-strap.scss | 16 ++++++++-------- 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/_sass/external/_katex.scss b/_sass/external/_katex.scss index f9b2014d36..f4c60f5d00 100644 --- a/_sass/external/_katex.scss +++ b/_sass/external/_katex.scss @@ -4,9 +4,10 @@ */ @use "katex/katex"; +@use '../base/variables'; .katex-display { - @media screen and (max-width: $sm-break) { + @media screen and (max-width: variables.$sm-break) { overflow-x: auto; } & { diff --git a/_sass/type-on-strap.scss b/_sass/type-on-strap.scss index 3626a760aa..915dae2dbf 100644 --- a/_sass/type-on-strap.scss +++ b/_sass/type-on-strap.scss @@ -1,4 +1,7 @@ -/* TYPE_ON_STRAP Main style sheet */ +/* TYPE_ON_STRAP Main style */ + +// Reset all styles +@use 'external/reset'; /* Base */ @use 'base/index' as base; @@ -25,10 +28,7 @@ /* External */ // CSS from external sources -@import 'external/reset'; -@import 'external/font-awesome'; -@import 'external/pacifico'; -@import 'external/katex'; -@import 'external/source-sans-pro'; - - +@use 'external/font-awesome'; +@use 'external/pacifico'; +@use 'external/katex'; +@use 'external/source-sans-pro'; \ No newline at end of file From bdee6370f44bb5d39e3eabe8aa61b41c5af52bfd Mon Sep 17 00:00:00 2001 From: sylhare Date: Mon, 25 Nov 2024 11:09:18 -0500 Subject: [PATCH 7/8] Use better namespacing --- _includes/blog/post_nav.liquid | 4 +-- _sass/base/_global.scss | 48 +++++++++++++++++++++++++++++- _sass/base/_utility.scss | 53 ++++------------------------------ _sass/includes/_blog_nav.scss | 4 +-- _sass/includes/_navbar.scss | 8 ++--- _sass/includes/_portfolio.scss | 4 +-- _sass/includes/_post_nav.scss | 4 +-- _sass/layouts/_blog.scss | 14 ++++----- _sass/layouts/_categories.scss | 4 +-- _sass/layouts/_page.scss | 6 ++-- _sass/layouts/_posts.scss | 20 ++++++------- _sass/layouts/_tags.scss | 10 +++---- 12 files changed, 91 insertions(+), 88 deletions(-) diff --git a/_includes/blog/post_nav.liquid b/_includes/blog/post_nav.liquid index eb10d69388..8102a11e26 100644 --- a/_includes/blog/post_nav.liquid +++ b/_includes/blog/post_nav.liquid @@ -2,7 +2,7 @@ {% if page.next.url %} @@ -11,7 +11,7 @@ {% if page.previous.url %} diff --git a/_sass/base/_global.scss b/_sass/base/_global.scss index 24bcfaeb61..e06ab0704d 100644 --- a/_sass/base/_global.scss +++ b/_sass/base/_global.scss @@ -283,4 +283,50 @@ details { padding-top: 2em; max-width: 100%; } -} \ No newline at end of file +} + +// Buttons +.button { + border-radius: 0.3em; + border: 1px solid; + display: inline-block; + margin: 1em 0; + padding: 0.5em 0.75em; +} + +a.button { + @extend .button-link; +} + +.button-link { + &:hover { + background: var(--link); + border: 1px solid var(--link); + color: var(--background); + text-decoration: none; + filter: none; + } +} + + + +.post-link { + &:hover { + text-decoration: none; + color: var(--link); + } +} + +// States +.disabled { + opacity: 0.7; +} + +// Custom +.text-center { + text-align: center; +} + +.right { + float: right; +} diff --git a/_sass/base/_utility.scss b/_sass/base/_utility.scss index 66495d6551..560de6e270 100644 --- a/_sass/base/_utility.scss +++ b/_sass/base/_utility.scss @@ -43,61 +43,18 @@ } } -.txt-shadow { + +%txt-shadow { text-shadow: 0.07em 0.10em 0.15em var(--text-shadow); } -.subtle-txt-shadow { +%subtle-txt-shadow { text-shadow: 1px 1px 2px var(--text-shadow); } -// Buttons -.button { - border-radius: 0.3em; - border: 1px solid; - display: inline-block; - margin: 1em 0; - padding: 0.5em 0.75em; -} - -a.button { - @extend .button-link; -} - -.button-link { - &:hover { - background: var(--link); - border: 1px solid var(--link); - color: var(--background); - text-decoration: none; - filter: none; - } -} - -.body-link { +%body-link { &:hover { text-decoration: underline; filter: brightness(0.85); } -} - -.post-link { - &:hover { - text-decoration: none; - color: var(--link); - } -} - -// States -.disabled { - opacity: 0.7; -} - -// Custom -.text-center { - text-align: center; -} - -.right { - float: right; -} +} \ No newline at end of file diff --git a/_sass/includes/_blog_nav.scss b/_sass/includes/_blog_nav.scss index 8124cd96b0..06e9cce1d8 100644 --- a/_sass/includes/_blog_nav.scss +++ b/_sass/includes/_blog_nav.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; @use '../base/utility' as *; /* --- Pagination --- */ @@ -21,7 +21,7 @@ display: inline-block; vertical-align: sub; - @media (max-width: $x-sm-break) { + @media (max-width: variables.$x-sm-break) { display: none; } } diff --git a/_sass/includes/_navbar.scss b/_sass/includes/_navbar.scss index 06c42daacb..8826ee7737 100644 --- a/_sass/includes/_navbar.scss +++ b/_sass/includes/_navbar.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; // To clear things when we float the element inside nav and ul .clear { @@ -49,7 +49,7 @@ .site-title { float: left; font-weight: bold; - font-family: $font-family-logo; + font-family: variables.$font-family-logo; font-size: 1.3em; } } @@ -92,7 +92,7 @@ nav { /* ---- Responsive ---- */ -@media (min-width: $break) { +@media (min-width: variables.$break) { a#pull { display: none; } @@ -102,7 +102,7 @@ nav { } } -@media screen and (max-width: $break) { +@media screen and (max-width: variables.$break) { .site-header { img.avatar { margin-top: -7px diff --git a/_sass/includes/_portfolio.scss b/_sass/includes/_portfolio.scss index 8867614420..aeaa33d8f9 100644 --- a/_sass/includes/_portfolio.scss +++ b/_sass/includes/_portfolio.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; .portfolio-link { display: block; @@ -35,7 +35,7 @@ display: inline-block; vertical-align: middle; - @media screen and (max-width: $sm-break) { + @media screen and (max-width: variables.$sm-break) { font-size: 7px; } } diff --git a/_sass/includes/_post_nav.scss b/_sass/includes/_post_nav.scss index 158909efcf..f756a44450 100644 --- a/_sass/includes/_post_nav.scss +++ b/_sass/includes/_post_nav.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; @use '../base/utility' as *; #post-nav { @@ -23,7 +23,7 @@ width: 50%; } - @media screen and (max-width: $sm-break) { + @media screen and (max-width: variables.$sm-break) { a, p { font-size: 0.8em; } diff --git a/_sass/layouts/_blog.scss b/_sass/layouts/_blog.scss index 9348224179..85b517651f 100644 --- a/_sass/layouts/_blog.scss +++ b/_sass/layouts/_blog.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; @use '../base/utility' as *; /* --- Header text feature --- */ @@ -15,12 +15,12 @@ background-size: cover; h1 { - font-family: $font-family-logo; - @extend .subtle-txt-shadow; + font-family: variables.$font-family-logo; + @extend %subtle-txt-shadow; } /* --- Responsive --- */ - @media screen and (max-width: $m-break) { + @media screen and (max-width: variables.$m-break) { background-size: 170% auto; } @@ -56,7 +56,7 @@ border-bottom: 1px solid rgba(0, 0, 0, 0.1); p a { - @extend .body-link; + @extend %body-link; } .post-img { @@ -64,12 +64,12 @@ border-radius: 10px; overflow: hidden; - @media (min-width: $break) { + @media (min-width: variables.$break) { height: 250px; } //Smaller screen - @media screen and (max-width: $break) { + @media screen and (max-width: variables.$break) { height: 150px; } diff --git a/_sass/layouts/_categories.scss b/_sass/layouts/_categories.scss index 5cc5ecdfb3..42d5ec25a0 100644 --- a/_sass/layouts/_categories.scss +++ b/_sass/layouts/_categories.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; #archive, #categories { @@ -50,7 +50,7 @@ } .items { - padding-left: $padding-medium; + padding-left: variables.$padding-medium; .item { position: relative; diff --git a/_sass/layouts/_page.scss b/_sass/layouts/_page.scss index 8db9fb8af4..4b2f53ac7d 100644 --- a/_sass/layouts/_page.scss +++ b/_sass/layouts/_page.scss @@ -1,12 +1,12 @@ -@use '../base/variables' as *; +@use '../base/variables'; @use '../base/utility' as *; .title-padder { - padding: $title-padding; + padding: variables.$title-padding; } h1.title { - @extend .subtle-txt-shadow; + @extend %subtle-txt-shadow; padding: 0.5em 0; } diff --git a/_sass/layouts/_posts.scss b/_sass/layouts/_posts.scss index 0f99e1bde1..534e4d95c6 100644 --- a/_sass/layouts/_posts.scss +++ b/_sass/layouts/_posts.scss @@ -1,4 +1,4 @@ -@use '../base/variables' as *; +@use '../base/variables'; @use '../base/utility' as *; .comments { @@ -17,7 +17,7 @@ article { } a:hover { - @extend .body-link; + @extend %body-link; } .footnotes { @@ -96,13 +96,13 @@ header { } h1.title, .post-info { - @extend .txt-shadow; + @extend %txt-shadow; } header { color: var(--header-text); margin-bottom: 0; - padding: 3.6% $padding-large; + padding: 3.6% variables.$padding-large; .meta { color: var(--header-text); @@ -121,25 +121,25 @@ header { } .feature-image-padding { - padding: $feature-image-padding; + padding: variables.$feature-image-padding; } } /*-- feature-image Responsive scrolling --*/ .feature-image header { - @media screen and (max-width: $break) { - padding: $padding-large*1.5 $padding-small; + @media screen and (max-width: variables.$break) { + padding: variables.$padding-large*1.5 variables.$padding-small; } - @media screen and (min-width: $break) { + @media screen and (min-width: variables.$break) { background-size: 120% auto; } - @media screen and (max-width: $break) { + @media screen and (max-width: variables.$break) { background-size: 200% auto; } - @media screen and (max-width: $sm-break) { + @media screen and (max-width: variables.$sm-break) { background-size: 400% auto; } } diff --git a/_sass/layouts/_tags.scss b/_sass/layouts/_tags.scss index 801e548240..fd6f098c66 100644 --- a/_sass/layouts/_tags.scss +++ b/_sass/layouts/_tags.scss @@ -1,8 +1,8 @@ -@use '../base/variables' as *; +@use '../base/variables'; .tag-list { width: 100%; - padding-bottom: $padding-x-small; + padding-bottom: variables.$padding-x-small; a.button { margin: 0.1em; @@ -30,7 +30,7 @@ } .tag-anchor { - margin-top: $padding-x-small; + margin-top: variables.$padding-x-small; a { color: var(--link); @@ -50,7 +50,7 @@ margin-bottom: 0; a { - margin-left: $padding-x-small; + margin-left: variables.$padding-x-small; } .post-info { @@ -65,7 +65,7 @@ line-height: normal; } - @media screen and (max-width: $sm-break) { + @media screen and (max-width: variables.$sm-break) { .meta { display: none; } From 8b144a4b15bf33bd026b2b19b6a9fbd769f0bf7b Mon Sep 17 00:00:00 2001 From: sylhare Date: Mon, 25 Nov 2024 11:09:25 -0500 Subject: [PATCH 8/8] Update base sass --- _sass/type-on-strap.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/_sass/type-on-strap.scss b/_sass/type-on-strap.scss index 915dae2dbf..b2c14f53a6 100644 --- a/_sass/type-on-strap.scss +++ b/_sass/type-on-strap.scss @@ -4,7 +4,13 @@ @use 'external/reset'; /* Base */ -@use 'base/index' as base; +// All the options to customize your theme in one file +@forward 'base/variables'; +@forward 'base/utility'; + +// For general CSS in the theme +@use 'base/global'; +@use 'base/highlight'; /* Includes */ // Linked with the html in the _includes folder