5 files changed, 66 insertions, 4 deletions

diff --git a/src/scss/settings/_baseline.scss b/src/scss/settings/_baseline.scss
new file mode 100644
index 0000000..2855a88
--- /dev/null
+++ b/src/scss/settings/_baseline.scss
@@ -0,0 +1,14 @@
+$baseline: 7px;
+
+$baseline-x2: $baseline * 2;
+$baseline-x3: $baseline * 3;
+$baseline-x4: $baseline * 4;
+$baseline-x5: $baseline * 5;
+$baseline-x6: $baseline * 6;
+$baseline-x7: $baseline * 7;
+$baseline-x8: $baseline * 8;
+$baseline-x9: $baseline * 9;
+$baseline-x10: $baseline * 10;
+$baseline-x11: $baseline * 11;
+$baseline-x12: $baseline * 12;
+$baseline-x13: $baseline * 13;
diff --git a/src/scss/settings/_colors.scss b/src/scss/settings/_colors.scss
new file mode 100644
index 0000000..2a9704d
--- /dev/null
+++ b/src/scss/settings/_colors.scss
@@ -0,0 +1,15 @@
+$color-black: #0D2A4A;
+$color-purple: #7070D5;
+$color-red: #FC4A33;
+$color-grey: #A3ADBF;
+$color-grey-light: #F5F5F7;
+$color-white: #FFFFFF;
+
+$colors: (
+  'black' : $color-black,
+  'purple': $color-purple,
+  'red': $color-red,
+  'grey': $color-grey,
+  'grey-light' : $color-grey-light,
+  'white' : $color-white
+);
diff --git a/src/scss/settings/_core.scss b/src/scss/settings/_core.scss
index 6f08294..3959f7d 100644
--- a/src/scss/settings/_core.scss
+++ b/src/scss/settings/_core.scss
@@ -31,7 +31,7 @@ $iota-global-components-namespace : 'c-';
  * Type: Number / List / Map
  */
 
-$iota-global-gutter-default: 10px;
+$iota-global-gutter-default: $baseline;
 
 
 /**
@@ -43,7 +43,7 @@ $iota-global-gutter-default: 10px;
  * Type: Boolean
  */
 
-$iota-global-flex: false;
+$iota-global-flex: true;
 
 
 /**
@@ -66,8 +66,7 @@ $iota-global-rtl: false;
  */
 
 $iota-global-breakpoints: (
-  sm  : "screen and ( min-width: 768px )",
-  md  : "screen and ( min-width: 1000px )"
+  sm  : "screen and ( min-width: 768px )"
 );
 
 
diff --git a/src/scss/settings/_spacing.scss b/src/scss/settings/_spacing.scss
new file mode 100644
index 0000000..76a173d
--- /dev/null
+++ b/src/scss/settings/_spacing.scss
@@ -0,0 +1,10 @@
+$spacing-default: $baseline;
+
+$spacing-extra: (
+  -x2 : $baseline-x2,
+  -x3 : $baseline-x3,
+  -x4 : $baseline-x4,
+  -x5 : $baseline-x5,
+  -x6 : $baseline-x6,
+  -x7 : $baseline-x7,
+);
diff --git a/src/scss/settings/_type.scss b/src/scss/settings/_type.scss
new file mode 100644
index 0000000..f8f7d46
--- /dev/null
+++ b/src/scss/settings/_type.scss
@@ -0,0 +1,24 @@
+$type-16: (
+  null: ( 14px, $baseline-x3 ),
+  sm: ( 16px, $baseline-x3 )
+);
+
+$type-20: (
+  null: ( 18px, $baseline-x3 ),
+  sm: ( 20px, $baseline-x4 )
+);
+
+$type-28: (
+  null: ( 20px, $baseline-x4 ),
+  sm: ( 28px, $baseline-x5 )
+);
+
+$type-35: (
+  null: ( 25px, $baseline-x5 ),
+  sm: ( 35px, $baseline-x5 )
+);
+
+$type-80: (
+  null: ( 70px, $baseline-x13 ),
+  sm: ( 80px, $baseline-x13 )
+);