adding new header

.gitignore

@@ -5,7 +5,7 @@ Thumbs.db
 .idea
 *.log
 
-build/svg/*.svg
+build/svg/**
 
 !build/.gitkeep
 !build/svg/.gitkeep

dest/index.html

@@ -19,10 +19,10 @@
 					<div class="text-center">
 						<hgroup>
 							<h1 class="header__title">
-								<svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
-									<use xlink:href="/svg/icons.svg#chip" />
-								</svg>
-								Crispy Boilerplate - Flat Sass Boilerplate
+                                <svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
+                                    <use xlink:href="/svg/icons.svg#chip" />
+                                </svg>
+								Crispy Boilerplate
 							</h1>
 						</hgroup>
 					</div>

src/scss/_config.scss

@@ -21,6 +21,7 @@ $crispy__color-warning: #f0ad4e !default;
 $crispy__color-danger: #d9534f !default;
 $crispy__color-info: #0090d4 !default;
 $crispy__color-text: #363636 !default;
+$crispy__color-border: #d0d0d0 !default;
 $crispy__color-background: #ffffff !default;
 
 // colors as map

src/scss/components/_button.scss

@@ -6,6 +6,7 @@
  *
  */
 
+
 $crispy__button__padding: toEm(10px 25px) !default;
 
 $crispy__button__up__margin: toEm(20px) !default;

src/scss/components/_code.scss

@@ -1,11 +1,11 @@
 /**
  * code
  *
- * <div class="code">
+ * <pre class="code">
  *     <code>
  *     //
  *     </code>
- * </div>
+ * </pre>
  *
  * @author Björn Hase
  *
@@ -15,7 +15,7 @@ $crispy__code__font-size: $crispy__body__font-size !default;
 $crispy__code__font-family: monospace, monospace !default;
 $crispy__code__padding: toEm(10px 20px) !default;
 $crispy__code__margin: toEm(0 0 $crispy__margin) !default;
-$crispy__code__border: 1px solid #d4d4d4 !default;
+$crispy__code__border: 1px solid $crispy__color-border !default;
 $crispy__code__background-color: #f9f9f9 !default;
 
 @mixin crispy__code() {

src/scss/example.scss

@@ -22,17 +22,22 @@
 
 .header {
     padding: 8px 0 0;
-    background-color: #e9e9e9;
-    border-bottom: 1px dotted #959595;
     margin: 0 0 20px;
+    background-color: $crispy__color-primary;
 
     @include crispy__media-sm() {
-        margin: 0 0 50px;
+        margin: 0 0 30px;
     }
-}
 
-.header__logo {
-    width: 45px;
+    &__title {
+        color: white;
+        margin: toEm(0 0 3px);
+    }
+
+    &__logo {
+        top: 3px;
+        width: 50px;
+    }
 }
 
 .footer {