_base.scss in jekyll-theme-lcsb-default-0.4.22

- old
+ new

@@ -51,12 +51,12 @@
  */
 h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-  margin-top: $spacing-unit / 2;
-  margin-bottom: $spacing-unit / 2;
+  margin-top: calc($spacing-unit / 2);
+  margin-bottom: calc($spacing-unit / 2);
 }
 
 
 
 /**
@@ -184,11 +184,11 @@
  * Blockquotes
  */
 blockquote {
   color: $grey-color;
   border-left: 4px solid $grey-color-light;
-  padding-left: $spacing-unit / 2;
+  padding-left: calc($spacing-unit / 2);
   @include relative-font-size(1.125);
   letter-spacing: -1px;
   font-style: italic;
 
   > :last-child {
@@ -239,12 +239,12 @@
   box-shadow: 0 10px 20px 0 #999999;
 
   @include media-query($on-laptop) {
     max-width: $content-width;
     max-width: $content-width;
-    padding-right: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+    padding-right: calc($spacing-unit / 2);
+    padding-left: calc($spacing-unit / 2);
   }
   display: flex;
   flex-direction: column;
   height: auto;
 }
@@ -361,10 +361,10 @@
   text-align: $table-text-align;
   color: lighten($text-color, 18%);
   border-collapse: collapse;
   border: 1px solid $grey-color-light;
   th, td {
-    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+    padding: (calc($spacing-unit / 3)) (calc($spacing-unit / 2));
   }
   th {
     border: 1px solid darken($grey-color-light, 4%);
   }
   td {