init

config/_breakpoints.scss

@@ -0,0 +1,10 @@
+$breakpoints: (
+  0: 0,
+  xs: rem(320),
+  s: rem(640),
+  m: rem(1024),
+  l: rem(1400),
+  xl: rem(1600),
+  xxl: rem(1800),
+  full: 100vw
+);

config/_config.scss

@@ -0,0 +1 @@
+$domain: 'localhost';

config/_fonts.scss

@@ -0,0 +1,7 @@
+@import '../fonts/fontawesome';
+@import '../fonts/source-sans-3-regular';
+@import '../fonts/lato-300';
+
+$primaryFont: lighter 12pt/1.8rem "source-sans-3-regular", arial, helvetica, sans-serif;
+$headingFont: lighter 18pt/1.8rem "lato-300", arial, helvetica, sans-serif;
+$iconFont: lighter 12pt/1.8rem 'FontAwesome', arial, helvetica, sans-serif;

config/_grid.scss

@@ -0,0 +1,11 @@
+@import '../function/rem';
+
+$gridHeight: (
+    xs: rem(80),
+    s: rem(160),
+    m: rem(320),
+    l: rem(480),
+    xl: rem(640),
+    xxl: rem(780),
+    full: 100vh
+);

config/_variables.scss

@@ -0,0 +1,2 @@
+$boxShadow: 0 0 12px var(--shadow-color);
+$boxShadowDark: 0 0 12px var(--shadow-color);