From df61d0c8925dd0e97eb366e83407accb0955d60d Mon Sep 17 00:00:00 2001
From: Jeffrey Tse <jeffreytse.mail@gmail.com>
Date: Fri, 12 Jan 2024 21:30:53 +0800
Subject: [PATCH] fix: invalid scss variable in css function

This issue was caused by the PR #108.
---
 _sass/misc/article-menu.scss | 2 +-
 _sass/yat.scss               | 4 ++--
 _sass/yat/_base.scss         | 6 +++---
 _sass/yat/_layout.scss       | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/_sass/misc/article-menu.scss b/_sass/misc/article-menu.scss
index 1d5fe9484a2..d6271386de2 100644
--- a/_sass/misc/article-menu.scss
+++ b/_sass/misc/article-menu.scss
@@ -16,7 +16,7 @@
   .post-menu-content {
     ul {
       border-left: 1px solid #e9ecef;
-      $indent: calc($base-font-size / 4);
+      $indent: #{$base-font-size / 4};
       $active-bgcolor: #ecebec;
 
       @for $i from 2 to 7 {
diff --git a/_sass/yat.scss b/_sass/yat.scss
index 36f2dd2f1cf..b21549db8cf 100644
--- a/_sass/yat.scss
+++ b/_sass/yat.scss
@@ -43,8 +43,8 @@ $on-laptop:        800px !default;
 // Use media queries like this:
 // @include media-query($on-palm) {
 //   .wrapper {
-//     padding-right: calc($spacing-unit / 2);
-//     padding-left: calc($spacing-unit / 2);
+//     padding-right: #{$spacing-unit / 2};
+//     padding-left: #{$spacing-unit / 2};
 //   }
 // }
 @mixin media-query($device) {
diff --git a/_sass/yat/_base.scss b/_sass/yat/_base.scss
index 8fee7be578a..b7283bfeb10 100644
--- a/_sass/yat/_base.scss
+++ b/_sass/yat/_base.scss
@@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-  margin-bottom: calc($spacing-unit / 2);
+  margin-bottom: #{$spacing-unit / 2};
 }
 
 
@@ -128,7 +128,7 @@ a {
 blockquote {
   color: $grey-color;
   border-left: 4px solid $grey-color-light;
-  padding-left: calc($spacing-unit / 2);
+  padding-left: #{$spacing-unit / 2};
   @include relative-font-size(1.125);
   letter-spacing: -1px;
   font-style: italic;
@@ -222,7 +222,7 @@ table {
   }
 
   th, td {
-    padding: calc($spacing-unit / 3) calc($spacing-unit / 2);
+    padding: #{$spacing-unit / 3} #{$spacing-unit / 2};
   }
 
   th {
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index 772d4af5af3..97980a5d5ba 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -107,7 +107,7 @@ html {
 
     .site-favicon {
       display: inline-block;
-      height: calc($header-height / 1.5);
+      height: #{$header-height / 1.5};
       margin-right: 5px;
     }
   }
@@ -695,7 +695,7 @@ html {
   }
 
   @include media-query($on-palm) {
-    height: calc($banner-height / 1.5);
+    height: #{$banner-height / 1.5};
   }
 }