adding #17

dist/example/index.html

@@ -6,6 +6,7 @@
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
 	<title>Crispy | Lightweight SASS / CSS Framework</title>
 	<meta name="description" content="">
+
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="styles.css">
 </head>
@@ -22,7 +23,7 @@
                                     <svg class="icon header__logo" alt="Crisp">
                                         <use xlink:href="symbol-defs.svg#icon-logo" />
                                     </svg>
-								    Crispy 2.0-BETA
+								    Crispy 2.1.0
                                 </h1>
                             </a>
                             <h2 class="h6">
@@ -710,7 +711,7 @@ toRem(10px 10px 0 0);
                 <h4 class="h6 margin-top-1x">Sass:</h4>
                 <pre class="code">
 $crispy__spacing: 15px;
-$crispy__spacing__steps: 5;
+$crispy__spacing__steps: 7;
 </pre></code>
 
                 <h4 class="h6 margin-top-1x">Html:</h4>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "crispy-css",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Flat Sass Boilerplate to give you a amount of Basic Settings, Mixins and Functions",
   "repository": {
     "type": "git",

src/_variables.scss

@@ -21,8 +21,8 @@ $crispy__font-family-monospace: Arial, Helvetica, Neue Helvetica, sans-serif !de
 $crispy__direction: ltr !default;
 
 // spacing
-$crispy__spacing: 15px !default;
-$crispy__spacing__steps: 7 !default;
+$crispy__spacing: 18px !default;
+$crispy__spacing__steps: 5 !default;
 
 // colors
 $crispy__color-primary: #f18f01 !default;
@@ -49,30 +49,29 @@ $crispy__border-radius: 0.5em !default;
 $crispy__border: 1px solid $crispy__color-border !default;
 
 // breakpoints
-$crispy__xs: 576px !default;
-$crispy__sm: 768px !default;
-$crispy__md: 992px !default;
-$crispy__lg: 1200px !default;
+$crispy__xs : 576px !default;
+$crispy__sm : 768px !default;
+$crispy__md : 992px !default;
+$crispy__lg : 1200px !default;
 $crispy__xlg: 1600px !default;
 
 // colors as map
 $crispy__colors: (
-    'primary': $crispy__color-primary,
+    'primary'  : $crispy__color-primary,
     'secondary': $crispy__color-secondary,
-    'success': $crispy__color-success,
-    'warning': $crispy__color-warning,
-    'danger': $crispy__color-danger,
-    'info': $crispy__color-info
+    'success'  : $crispy__color-success,
+    'warning'  : $crispy__color-warning,
+    'danger'   : $crispy__color-danger,
+    'info'     : $crispy__color-info
 ) !default;
 
 // font-sizes as map
 $crispy__font-sizes: (
-    'default': $crispy__font-size,
-    'small' : toRem(12px),
-    'medium': toRem(18px),
-    'large' : toRem(20px),
-    'big'   : toRem(24px),
-    'mega'  : toRem(28px)
+    'default': toRem($crispy__font-size),
+    'small'  : toRem(11px),
+    'large'  : toRem(26px),
+    'big'    : toRem(34px),
+    'mega'   : toRem(42px)
 ) !default;
 
 // z-index
@@ -86,4 +85,4 @@ $crispy__width: (
     '50' : 50%,
     '75' : 75%,
     '100': 100%
-) !default;
+) !default;

src/components/_field.scss

@@ -53,6 +53,7 @@ $crispy__field__select__border: $crispy__border !default;
         appearance: none;
 
         font-size: $crispy__field__input__font-size;
+        font-family: $crispy__font-family-primary;
     }
 
     /**

src/example/site/_header.scss

@@ -17,6 +17,10 @@
         a {
             text-decoration: none;
 
+            .icon {
+                vertical-align: top;
+            }
+
             &:hover {
                 color: $crispy__color-primary;
             }

src/example/styles.scss

@@ -12,6 +12,8 @@
 
     'templates/home';
 
+@include site__header();
+
 .container {
     max-width: $crispy__md;
 }