fix: add spacing vars (#55)

* fix: add spacing vars * update vars * Update _spacing.scss
wework · Feb 27, 2019 · bc30424 · bc30424
1 parent d6eefd6
commit bc30424
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/ray/lib/global/_variables.scss b/packages/ray/lib/global/_variables.scss
@@ -1,4 +1,5 @@
 @import './functions';
+@import './spacing/spacing';
 
 $ray-class-prefix: 'ray-';
 $ray-font-stack-sans-serif: 'Apercu', Avenir, -apple-system, BlinkMacSystemFont,

diff --git a/packages/ray/lib/global/spacing/_spacing.scss b/packages/ray/lib/global/spacing/_spacing.scss
@@ -0,0 +1,11 @@
+$ray-spacing-baseline: 1rem !default;
+
+$ray-spacing-3xs: $ray-spacing-baseline * 0.125 !default;
+$ray-spacing-2xs: $ray-spacing-baseline * 0.25 !default;
+$ray-spacing-xs: $ray-spacing-baseline * 0.5 !default;
+$ray-spacing-sm: $ray-spacing-baseline * 0.75 !default;
+$ray-spacing-md: $ray-spacing-baseline !default;
+$ray-spacing-lg: $ray-spacing-baseline * 1.25 !default;
+$ray-spacing-xl: $ray-spacing-baseline * 1.5 !default;
+$ray-spacing-2xl: $ray-spacing-baseline * 2.5 !default;
+$ray-spacing-3xl: $ray-spacing-baseline * 5 !default;