fix rem functions using base-spacing-unit in styleguide.scss

space150 · Dec 21, 2016 · 1a032bd · 1a032bd
1 parent 971b587
commit 1a032bd
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/scss/styleguide.scss b/scss/styleguide.scss
@@ -1,10 +1,11 @@
 $legacy-ie: true;
-@import "vars";
+
 @import "base/functions";
+@import "vars";
 @import "base/mixins";
 
 .sg-landmark {
-  margin-bottom: rem(3 * $base-spacing-unit);
+  margin-bottom: 3 * $base-spacing-unit;
 }
 
 .sg-heading {
@@ -15,15 +16,15 @@ $legacy-ie: true;
 .sg-demo-block {
   background-color: $gray;
   color: $white;
-  padding: rem($half-spacing-unit);
-  margin: rem(0 0 $base-spacing-unit);
+  padding: $half-spacing-unit;
+  margin: 0 0 $base-spacing-unit;
 }
 
 .sg-colors li {
   border: 1px solid $gray-light;
   background: $white;
   padding: rem(.4);
-  margin-bottom: rem($half-spacing-unit);
+  margin-bottom: $half-spacing-unit;
 }
 
 .sg-swatch {
@@ -50,7 +51,7 @@ $legacy-ie: true;
 
 .sg-colors .sg-label {
   display: block;
-  margin-top: rem($base-spacing-unit);
+  margin-top: $base-spacing-unit;
 }
 
 .sg-field-container {