Adds $spacer-* variables

Author: fredtitao

src/scss/_variables.scss

@@ -76,3 +76,22 @@ $breakpoint-md: 992px !default;
 $breakpoint-lg: 1200px !default;
 $breakpoint-xl: 1900px !default;
 $container-breakpoint: $breakpoint-lg !default;
+
+// Spacers
+$spacer: 1rem !default;
+
+$spacer-025: $spacer * 0.25 !default;
+$spacer-050: $spacer * 0.5 !default;
+$spacer-125: $spacer * 1.25 !default;
+$spacer-150: $spacer * 1.5 !default;
+$spacer-200: $spacer * 2 !default;
+$spacer-250: $spacer * 2.5 !default;
+$spacer-300: $spacer * 3 !default;
+$spacer-400: $spacer * 4 !default;
+
+$spacer-xs: $spacer-025 !default;
+$spacer-sm: $spacer-050 !default;
+$spacer-md: $spacer-150 !default;
+$spacer-lg: $spacer-200 !default;
+$spacer-xl: $spacer-300 !default;
+$spacer-xxl: $spacer-400 !default;