Use multiplication instead of calc() if possible (#50)

- sass/migrator#198
yous · Aug 30, 2023 · 110f096 · 110f096
1 parent 94146d9
commit 110f096
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/_sass/whiteglass.scss b/_sass/whiteglass.scss
@@ -27,8 +27,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 * 0.5;
+//     padding-left: $spacing-unit * 0.5;
 //   }
 // }
 @mixin media-query($device) {

diff --git a/_sass/whiteglass/_base.scss b/_sass/whiteglass/_base.scss
@@ -39,7 +39,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 * 0.5;
 }
 
 
@@ -127,7 +127,7 @@ a {
 blockquote {
   color: $grey-color;
   border-left: 4px solid $grey-color-light;
-  padding-left: calc($spacing-unit / 2);
+  padding-left: $spacing-unit * 0.5;
   font-size: 18px;
   letter-spacing: -1px;
   font-style: italic;
@@ -148,7 +148,7 @@ blockquote {
  */
 hr {
   height: 4px;
-  margin: calc($spacing-unit / 2) 0;
+  margin: $spacing-unit * 0.5 0;
   border: 0;
   background-color: $grey-color-light;
 }
@@ -200,8 +200,8 @@ pre {
   @include media-query($on-laptop) {
     max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
     max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-    padding-right: calc($spacing-unit / 2);
-    padding-left: calc($spacing-unit / 2);
+    padding-right: $spacing-unit * 0.5;
+    padding-left: $spacing-unit * 0.5;
   }
 }
 

diff --git a/_sass/whiteglass/_layout.scss b/_sass/whiteglass/_layout.scss
@@ -199,7 +199,7 @@
  * Pagination
  */
 .pagination {
-  padding: calc($spacing-unit / 2) 0;
+  padding: $spacing-unit * 0.5 0;
   border-top: 1px solid $grey-color-light;
   border-bottom: 1px solid $grey-color-light;
   text-align: center;

diff --git a/assets/main.scss b/assets/main.scss
@@ -33,8 +33,8 @@ $on-laptop:        800px;
 // 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 * 0.5;
+//         padding-left: $spacing-unit * 0.5;
 //     }
 // }
 @mixin media-query($device) {