Sassのマイグレーション

distjp · Aug 4, 2023 · e488883 · e488883
1 parent 8b8c38f
commit e488883
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -32,7 +32,7 @@ h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
 }
 
 
@@ -108,7 +108,7 @@ a {
 blockquote {
     color: $grey-color;
     border-left: 4px solid $grey-color-light;
-    padding-left: $spacing-unit / 2;
+    padding-left: calc($spacing-unit / 2);
     font-size: 18px;
     letter-spacing: -1px;
     font-style: italic;
@@ -163,8 +163,8 @@ pre {
     @include media-query($on-laptop) {
         max-width: -webkit-calc(980px - (#{$spacing-unit}));
         max-width:         calc(980px - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
+        padding-right: calc($spacing-unit / 2);
+        padding-left: calc($spacing-unit / 2);
     }
 }
 

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -100,7 +100,7 @@
 
 .footer-heading {
     font-size: 18px;
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
 }
 
 .contact-list,
@@ -111,14 +111,14 @@
 
 .footer-col-wrapper {
 	font-size: 0.875rem;
-    margin-left: -$spacing-unit / 2;
+    margin-left: calc(-1 * $spacing-unit / 2);
     @extend %clearfix;
 }
 
 .footer-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
+    padding-left: calc($spacing-unit / 2);
 }
 
 .footer-col-1 {