okay jekyll, sass and github pages.. i'm not playing those games

jekyll/jekyll-sass-converter#116 (comment)
lotas · Apr 15, 2024 · 4cf29f5 · 4cf29f5
1 parent 91572c5
commit 4cf29f5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 13 deletions.
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -1,5 +1,3 @@
-@use "sass:math";
-
 /**
  * Reset some basic elements
  */
@@ -35,7 +33,7 @@ body {
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-    margin-bottom: math.div($spacing-unit, 2);
+    margin-bottom: $spacing-unit-half;
 }
 
 
@@ -113,7 +111,7 @@ a {
 blockquote {
     color: $grey-color;
     border-left: 4px solid $grey-color-light;
-    padding-left: math.div($spacing-unit, 2);
+    padding-left: $spacing-unit-half;
     font-size: 14px;
     // letter-spacing: -1px;
     // font-style: italic;
@@ -172,8 +170,8 @@ pre {
     @include media-query($on-laptop) {
         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: math.div($spacing-unit, 2);
-        padding-left: math.div($spacing-unit, 2);
+        padding-right: $spacing-unit-half;
+        padding-left: $spacing-unit-half;
     }
 }
 

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -1,4 +1,3 @@
-@use "sass:math";
 
 /**
  * Site header
@@ -107,7 +106,7 @@
 
 .footer-heading {
     font-size: 18px;
-    margin-bottom: math.div($spacing-unit, 2);
+    margin-bottom: $spacing-unit-half;
 }
 
 .contact-list,
@@ -119,14 +118,14 @@
 .footer-col-wrapper {
     font-size: 15px;
     color: $grey-color;
-    margin-left: math.div(-$spacing-unit, 2);
+    margin-left: -$spacing-unit-half;
     @extend %clearfix;
 }
 
 .footer-col {
     float: left;
-    margin-bottom: math.div($spacing-unit, 2);
-    padding-left: math.div($spacing-unit, 2);
+    margin-bottom: $spacing-unit-half;
+    padding-left: $spacing-unit-half;
 }
 
 .footer-col-1 {

diff --git a/css/main.scss b/css/main.scss
@@ -13,6 +13,7 @@ $small-font-size:  $base-font-size * 0.875;
 $base-line-height: 1.5;
 
 $spacing-unit:     30px;
+$spacing-unit-half:15px;
 
 $text-color:       #1b2a3d;
 $background-color: #f1f5f7;
@@ -32,8 +33,8 @@ $on-laptop:        800px;
 // Using media queries with like this:
 // @include media-query($on-palm) {
 //     .wrapper {
-//         padding-right: calc(math.div($spacing-unit, 2));
-//         padding-left: calc(math.div($spacing-unit, 2));
+//         padding-right: calc($spacing-unit-half);
+//         padding-left: calc($spacing-unit-half);
 //     }
 // }
 @mixin media-query($device) {