bugfix for config

erase body vars

package.json

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

src/scss/_base.scss

@@ -6,135 +6,133 @@
  *
  */
 
-@mixin crispy__base() {
-	html {
-		font-size: 100%;
-	}
-
-	body,
-	html {
-		height: 100%;
-	}
+html {
+	font-size: 100%;
+}
 
-	html,
-	legend {
-		box-sizing: border-box;
-	}
+body,
+html {
+	height: 100%;
+}
 
-	*,
-	*::after,
-	*::before {
-		box-sizing: inherit;
-	}
+html,
+legend {
+	box-sizing: border-box;
+}
 
-	table {
-		border-collapse: collapse;
-		border-spacing: 0;
-	}
+*,
+*::after,
+*::before {
+	box-sizing: inherit;
+}
 
-	// paragraphs
-	p {
-    	margin: toEm(0 0 $crispy__margin 0);
-	}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
 
-	// Semantic text elements
-	a,
-	ins,
-	u {
-		text-decoration-skip: ink edges;
-	}
+// paragraphs
+p {
+	margin: toEm(0 0 $crispy__margin 0);
+}
 
-	a {
-		color: $crispy__color-primary;
+// Semantic text elements
+a,
+ins,
+u {
+	text-decoration-skip: ink edges;
+}
 
-		&:hover {
-			color: $crispy__color-text;
-		}
+a {
+	color: $crispy__color-primary;
 
-		&:focus {
-			outline: none;
-		}
+	&:hover {
+		color: $crispy__color-text;
 	}
 
-	abbr[title] {
-		border-bottom: 1px dotted;
-		cursor: help;
-		text-decoration: none;
+	&:focus {
+		outline: none;
 	}
+}
 
-	kbd {
-		// @TODO do something
-	}
+abbr[title] {
+	border-bottom: 1px dotted;
+	cursor: help;
+	text-decoration: none;
+}
 
-	mark {
-		padding: toEm(10px);
-	}
+kbd {
+	// @TODO do something
+}
+
+mark {
+	padding: toEm(10px);
+}
 
-	// blockquote
-	blockquote {
-		border-left: 1px solid $crispy__color-secondary;
-		margin-left: 0;
-		padding: toEm(10px 20px);
+// blockquote
+blockquote {
+	border-left: 1px solid $crispy__color-secondary;
+	margin-left: 0;
+	padding: toEm(10px 20px);
 
-		p:last-child {
-			margin-bottom: 0;
-		}
+	p:last-child {
+		margin-bottom: 0;
 	}
+}
 
-	// lists
-	dl,
-	ol,
-	ul {
-		padding: 0;
-		margin: toEm(0 0 $crispy__margin $crispy__margin);
-	}
+// lists
+dl,
+ol,
+ul {
+	padding: 0;
+	margin: toEm(0 0 $crispy__margin $crispy__margin);
+}
 
-	ol ol,
-	ul ul {
-		margin-top: toEm(($crispy__margin / 2));
-	}
+ol ol,
+ul ul {
+	margin-top: toEm(($crispy__margin / 2));
+}
 
-	ol {
-		list-style: decimal inside;
-	}
+ol {
+	list-style: decimal inside;
+}
 
-	ul {
-		list-style: disc inside;
-	}
+ul {
+	list-style: disc inside;
+}
 
-	dd,
-	dt {
-		margin: 0;
-	}
+dd,
+dt {
+	margin: 0;
+}
 
-	dt {
-		font-weight: bold;
-	}
+dt {
+	font-weight: bold;
+}
 
-	// media
-	figure {
-		margin: toEm(0 0 $crispy__margin);
-	}
+// media
+figure {
+	margin: toEm(0 0 $crispy__margin);
+}
 
-	figcaption {
-		margin: toEm($crispy__margin 0 0);
-	}
+figcaption {
+	margin: toEm($crispy__margin 0 0);
+}
 
-	// divider
-	hr {
-		border: 0;
-		border-top: 1px solid $crispy__color-secondary;
-		margin: toEm($crispy__margin 0);
-	}
+// divider
+hr {
+	border: 0;
+	border-top: 1px solid $crispy__color-secondary;
+	margin: toEm($crispy__margin 0);
+}
 
-	// body
-	body {
-		font-family: $crispy__body__font-family;
-		font-weight: normal;
-		line-height: $crispy__body__line-height;
-		color: $crispy__body__color;
-		background-color: $crispy__body__background-color;
-		direction: $crispy__body__direction;
-		@include crispy__font-size($crispy__body__font-size);
-	}
+// body
+body {
+	font-family: $crispy__font-family;
+	font-weight: normal;
+	line-height: $crispy__golden-ratio;
+	color: $crispy__color-text;
+	background-color: $crispy__color-background;
+	direction: $crispy__direction;
+	@include crispy__font-size($crispy__font-size);
 }

src/scss/_config.scss

@@ -9,6 +9,8 @@
 // font
 $crispy__font-size: 16px !default;
 $crispy__golden-ratio: 1.618 !default;
+$crispy__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default;
+$crispy__direction: ltr !default;
 
 // margin
 $crispy__margin: 10px !default;
@@ -34,17 +36,9 @@ $crispy__colors: (
     'info': $crispy__color-info
 ) !default;
 
-// body
-$crispy__body__font-size: 16px !default;
-$crispy__body__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default;
-$crispy__body__line-height: $crispy__golden-ratio !default;
-$crispy__body__direction: ltr !default;
-$crispy__body__color: $crispy__color-text !default;
-$crispy__body__background-color: $crispy__color-background !default;
-
 // font-sizes as map
 $crispy__font-sizes: (
-    'default': $crispy__body__font-size,
+    'default': $crispy__font-size,
     'small': 16px,
     'large': 20px
 ) !default;

src/scss/components/_code.scss

@@ -11,7 +11,7 @@
  *
  */
 
-$crispy__code__font-size: $crispy__body__font-size !default;
+$crispy__code__font-size: $crispy__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;

src/scss/components/_icon.scss

@@ -17,7 +17,7 @@ $crispy__icon__vertical-align: text-bottom !default;
 $crispy__icon__margin: 0 2px !default;
 
 $crispy__icon__sizes: (
-    'default': $crispy__body__font-size,
+    'default': $crispy__font-size,
     'small': 12px,
     'large': 28px
 ) !default;

src/scss/components/field/_field.scss

@@ -15,7 +15,7 @@
 
 $crispy__field__margin: toEm(0 0 $crispy__margin 0) !default;
 
-$crispy__field__input__font-size: $crispy__body__font-size !default;
+$crispy__field__input__font-size: $crispy__font-size !default;
 $crispy__field__input__padding: toEm(6px 8px) !default;
 $crispy__field__input__color: $crispy__color-text !default;