From c7c3f36ad5b6b69d3726220e8503d3ca7a3b03bc Mon Sep 17 00:00:00 2001 From: vachan-maker Date: Fri, 16 Feb 2024 08:02:08 +0530 Subject: [PATCH] dartcss --- assets/sass/_global.scss | 16 ++++++++-------- assets/sass/components/_footer.scss | 4 ++-- assets/sass/components/_header.scss | 14 +++++++------- assets/sass/components/_post.scss | 12 ++++++------ assets/sass/pages/_baseof.scss | 2 +- assets/sass/pages/_single.scss | 4 ++-- 6 files changed, 26 insertions(+), 26 deletions(-) diff --git a/assets/sass/_global.scss b/assets/sass/_global.scss index c85b74c..6f488f2 100644 --- a/assets/sass/_global.scss +++ b/assets/sass/_global.scss @@ -1,9 +1,9 @@ @use "./utils/variables"; body { - font-family: $fontParagraph; - color: $white; - background-color: $backgroundDark; + font-family: v.$fontParagraph; + color: v.$white; + background-color: v.$backgroundDark; margin: 0; display: flex; flex-direction: column; @@ -13,26 +13,26 @@ body { } a { - color: $orange; + color: v.$orange; } pre code { - font-family: $fontCode; + font-family: v.$fontCode; font-size: 75%; display: block; - background: $backgroundDarker; + background: v.$backgroundDarker; padding: 10px; overflow: auto; } code { - font-family: $fontCode; + font-family: v.$fontCode; font-size: 75%; } @for $i from 1 through 6 { h#{$i} { - font-family: $fontHeader; + font-family: v.$fontHeader; } } diff --git a/assets/sass/components/_footer.scss b/assets/sass/components/_footer.scss index f0fd31c..6a4f786 100644 --- a/assets/sass/components/_footer.scss +++ b/assets/sass/components/_footer.scss @@ -3,9 +3,9 @@ .footer { padding: 15px; text-align: center; - background-color: $backgroundDarker; + background-color: v.$backgroundDarker; } .footerLink { - color: $orange; + color: v.$orange; } diff --git a/assets/sass/components/_header.scss b/assets/sass/components/_header.scss index 48ce351..cf2b67e 100644 --- a/assets/sass/components/_header.scss +++ b/assets/sass/components/_header.scss @@ -1,20 +1,20 @@ @use "../utils/variables"; .header { - font-family: $fontHeader; + font-family: v.$fontHeader; font-size: 1.1rem; padding: 0 20px; height: 60px; display: flex; justify-content: space-between; align-items: center; - width: $width; + width: v.$width; } .headerWrapper { overflow: auto; box-sizing: border-box; - background-color: $backgroundDarker; + background-color: v.$backgroundDarker; display: flex; justify-content: center; flex-shrink: 0; @@ -29,10 +29,10 @@ display: inline; margin: 5px; a { - color: $white; + color: v.$white; } a:hover { - color: $link_hover_color; + color: v.$link_hover_color; } } } @@ -41,10 +41,10 @@ font-size: 1.1rem; } .terminal a{ - color: $white; + color: v.$white; text-decoration: none; } .terminal a:hover { - color: $h1_header_color; + color: v.$h1_header_color; } diff --git a/assets/sass/components/_post.scss b/assets/sass/components/_post.scss index 00d9f18..75ff294 100644 --- a/assets/sass/components/_post.scss +++ b/assets/sass/components/_post.scss @@ -2,13 +2,13 @@ .postDate { float: right; - color: $white; + color: v.$white; } .postTitle { - color: $orange; + color: v.$orange; text-transform: capitalize; - font-family: $fontHeader; + font-family: v.$fontHeader; font-size: 1.25rem; margin: 0; } @@ -27,14 +27,14 @@ .postListItem { padding: 20px; - background-color: $backgroundDarker; + background-color: v.$backgroundDarker; margin-bottom: 20px; } .postExcerpt { text-align: initial; text-decoration: none; - color: $white; + color: v.$white; } .headerContainer { @@ -47,5 +47,5 @@ } a:hover { - color: $link_hover_color; + color: v.$link_hover_color; }; diff --git a/assets/sass/pages/_baseof.scss b/assets/sass/pages/_baseof.scss index 832b513..5c431bc 100644 --- a/assets/sass/pages/_baseof.scss +++ b/assets/sass/pages/_baseof.scss @@ -30,6 +30,6 @@ padding: 20px; @media only screen and (min-width: $breakLarge) { - width: $width; + width: v.$width; } } diff --git a/assets/sass/pages/_single.scss b/assets/sass/pages/_single.scss index f11f2b9..be4cd54 100644 --- a/assets/sass/pages/_single.scss +++ b/assets/sass/pages/_single.scss @@ -7,9 +7,9 @@ } .postMetadata { - font-family: $fontCode; + font-family: v.$fontCode; display: block; - background: $backgroundDarker; + background: v.$backgroundDarker; padding: 10px; }