piecss 0.3.0.1 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b7481f4a0a17af62b411c402369f026c80bb711d
-  data.tar.gz: 00defa1ccaa2009e0c581110be401483829a3c09
+  metadata.gz: b4eed8b6f5af63d52d668c402742184dcdfd966c
+  data.tar.gz: f823de0461e80b194415a16fc7207fc32beea057
 SHA512:
-  metadata.gz: 387328d81fcec0c83451307f8df10dcd05aa22b41596afd1617f38fe8785ae2a6f86ab066c9d5ab1fcf7e71a7c7bb6f8e739e075cb8d570c710108dc6a40ea74
-  data.tar.gz: 4ae988bfb93b6125bb65e65b7e259383fd46678657061cc777c552ffe4f279fe0c4a99e93a00fc54e8f93cd1cc61a64850bdf2d676a40d2f8f9f887779c4b9e5
+  metadata.gz: a29640f885aa1ee7a70f405bf3fb2fc4fdc5407c754cbb0ec798930ca5edbe46148e9c6438a7cc812126b76597ad6f14001cbc7da97d7142df47a478b0599aff
+  data.tar.gz: 4ebb9c41cb97367a4ffd8c79165cbd863564b8638b17ba39b474fcae8ce914cd70cf7db44d35ae809a01a2da9f6db3f6bc7673bc9b60d3d9d710820e8b4716cc

data/README.md

@@ -3,3 +3,51 @@
 gem install piecss
 
 [![Gem Version](https://badge.fury.io/rb/piecss.svg)](http://badge.fury.io/rb/piecss)
+[![npm version](https://badge.fury.io/js/piecss.svg)](https://badge.fury.io/js/piecss)
+
+
+## Installation
+
+```
+\\ Install dependencies
+npm install
+
+\\ Install scss lint
+gem install scss_lint
+
+```
+
+## API Documentation
+
+The API documentation can be compiled automatically from the source:
+
+```
+\\ Render API documentation
+sassdoc sass/piecss
+
+```
+
+The docs are compiled inside a sassdoc folder in the project root and can be accessed in your browser. For more information on Sassdocs and how to use it, refer to [http://sassdoc.com/](http://sassdoc.com/).
+
+## Development
+
+If you want to develop for Piecss, you need to also install the linter:
+
+```
+\\ Install scss lint
+gem install scss_lint
+
+\\ Run linter
+scss-lint sass/piecss/**/*.scss
+
+```
+
+For more information on Scss Lint and how to use it, refer to [https://github.com/brigade/scss-lint](https://github.com/brigade/scss-lint#usage).
+
+## Unit Tests
+
+```
+\\ Run unit tests
+sass --watch tests/all.scss sass/**/*.scss
+
+```

data/sass/piecss/_behavior.css

@@ -0,0 +1,97 @@
+/*
+Error: Undefined variable: "$default-font".
+        on line 29 of sass/piecss/behavior/base/_normalize.scss
+        from line 4 of sass/piecss/behavior/_base.scss
+        from line 8 of sass/piecss/_behavior.scss
+
+Backtrace:
+sass/piecss/behavior/base/_normalize.scss:29
+sass/piecss/behavior/_base.scss:4
+sass/piecss/_behavior.scss:8
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/variable.rb:49:in `_perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:173:in `perform_arg'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `block in _perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each_with_index'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `_perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:471:in `visit_variable'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:433:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:431:in `visit_rule'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `block in with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:325:in `visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block in visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `block in with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `with_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:325:in `visit_import'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `map'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:168:in `visit_children'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `block in visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:188:in `visit_root'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:159:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:8:in `visit'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:36:in `css_tree'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `each'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:473:in `on_file_changed'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:331:in `block in watch'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:252:in `call'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:252:in `on_change'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:254:in `call'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:254:in `report_changes'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:323:in `poll_changed_directories'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Undefined variable: \"$default-font\".\A         on line 29 of sass/piecss/behavior/base/_normalize.scss\A         from line 4 of sass/piecss/behavior/_base.scss\A         from line 8 of sass/piecss/_behavior.scss"; }

data/sass/piecss/_behavior.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HE;AACF,WAAY;EACV,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,SAAS;EACtB,OAAO,EAAE,4aAA4a",
+"sources": ["_behavior.scss"],
+"names": [],
+"file": "_behavior.css"
+}

data/sass/piecss/_settings.css

@@ -0,0 +1,9 @@
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+/* alternate spelling */
+
+/*# sourceMappingURL=_settings.css.map */

data/sass/piecss/_settings.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AA8BA,wBAAwB;AAYxB,wBAAwB;AAMxB,wBAAwB;AAWxB,wBAAwB;AAkBxB,wBAAwB;AAOxB,wBAAwB;AAqDxB,wBAAwB",
+"sources": ["settings/_colour.scss"],
+"names": [],
+"file": "_settings.css"
+}

data/sass/piecss/_settings.scss

@@ -8,6 +8,7 @@
 @import "settings/constants";
 @import "settings/colour";
 @import "settings/font";
+@import "settings/rhythm";
 @import "settings/typography";
 @import "settings/base";
 

data/sass/piecss/_utilities.css

@@ -0,0 +1,3 @@
+
+
+/*# sourceMappingURL=_utilities.css.map */

data/sass/piecss/_utilities.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "",
+"sources": [],
+"names": [],
+"file": "_utilities.css"
+}

data/sass/piecss/behavior/_anchor.scss

@@ -12,18 +12,18 @@ Anchors
 // @include anchor("#{$anchor-base-selector}", $color-anchor, $color-anchor--hover, $color-anchor--active, $color-anchor--visited, $anchor-mixin-states);
 
 %anchor {
-    text-decoration: none;
-    &--incognito {
-        color: inherit;
-        &:hover {
-            color: inherit;
-        }
+  text-decoration: none;
+  &--incognito {
+    color: inherit;
+    &:hover {
+      color: inherit;
     }
+  }
 }
 
 a {
-    @extend %anchor !optional;
-    &:hover {
-        color: $color-anchor--hover;
-    }
-}
+  @extend %anchor !optional;
+  &:hover {
+    color: $color-anchor--hover;
+  }
+}

data/sass/piecss/behavior/_base.scss

@@ -2,4 +2,4 @@
 
 
 @import "base/normalize";
-@import "base/preset";
+@import "base/preset";

data/sass/piecss/behavior/_button.scss

@@ -8,4 +8,4 @@ Button base
 */
 
 
-@include elements($button-elements);
+@include elements($button-elements);

data/sass/piecss/behavior/_form.scss

@@ -29,28 +29,30 @@ Field base
 
 
 #{$form-field-base-selector} {
-    &:focus {
-        @extend #{$form-field-base-selector--focus} !optional;
-    }
+  &:focus {
+    @extend #{$form-field-base-selector--focus} !optional;
+  }
 }
 
 select:not([size]) {
-    @extend #{$form-select-dropdown-selector} !optional;
-    @if to-bool($select-appearance) {
-        @include reset-appearance($select-appearance);
-    }
-    @if $select-webkit {
-        @at-root .webkit {
-            // background: $input-background-color url("/assets/images/icons/icon-sort.svg") no-repeat 1% center;
-            // background-size: 10px auto;
-        }
+  @extend #{$form-select-dropdown-selector} !optional;
+  @if to-bool($select-appearance) {
+    @include reset-appearance($select-appearance);
+  }
+  @if $select-webkit {
+    @at-root .webkit {
+      // background: $input-background-color url("/assets/images/icons/icon-sort.svg") no-repeat 1% center;
+      // background-size: 10px auto;
     }
+  }
 }
 
+// scss-lint:disable QualifyingElement
 select[size] {
-    @extend #{$form-select-box-selector} !optional;
+  @extend #{$form-select-box-selector} !optional;
 }
 select[multiple] {
-    @extend #{$form-select-box-selector} !optional;
-    @extend #{$form-select-multiple-selector} !optional;
-}
+  @extend #{$form-select-box-selector} !optional;
+  @extend #{$form-select-multiple-selector} !optional;
+}
+// scss-lint:enable QualifyingElement

data/sass/piecss/behavior/_grid.scss

@@ -2,4 +2,4 @@
 
 
 @import "grid/rhythm";
-@import "grid/layout";
+@import "grid/layout";

data/sass/piecss/behavior/_list.scss

@@ -27,31 +27,31 @@
 //
 // 1. Remove default list behavior
 // 2. Restore default list behavior when a class of list is applied
-// 3. Ensure list items inherit from their parent list 
+// 3. Ensure list items inherit from their parent list
 //
 // --------------------------------------------------------------------------
 
 @if $reset-list {
-	ol {
-		&.#{$list-selector} {
-			@extend %#{$list-selector}--#{$list-ol-default} !optional;
-			@extend %#{$list-selector}--inside;
-		}
-		li {
-			list-style-type: $list-ul-default;
-		}
-	}
-	ul {
-		&.#{$list-selector} {
-			@extend %#{$list-selector}--#{$list-ul-default} !optional;
-			@extend %#{$list-selector}--inside;
-		}
-	}
-	li {
-		list-style-type: inherit;
-		list-style-position: inherit;
-		list-style-image: inherit;
-	}
+  ol {
+    &.#{$list-selector} {
+      @extend %#{$list-selector}--#{$list-ol-default} !optional;
+      @extend %#{$list-selector}--inside;
+    }
+    li {
+      list-style-type: $list-ul-default;
+    }
+  }
+  ul {
+    &.#{$list-selector} {
+      @extend %#{$list-selector}--#{$list-ul-default} !optional;
+      @extend %#{$list-selector}--inside;
+    }
+  }
+  li {
+    list-style-type: inherit;
+    list-style-position: inherit;
+    list-style-image: inherit;
+  }
 }
 
 
@@ -69,8 +69,8 @@
 // ==========================================================================
 
 %#{$list-selector}--reset {
-	padding: 0;
-	list-style-type: none;
+  padding: 0;
+  list-style-type: none;
 }
 
 
@@ -81,9 +81,9 @@
 // ==========================================================================
 
 %#{$list-selector}--inline {
-	&>li {
-		display: inline;
-	}
+  >li {
+    display: inline;
+  }
 }
 
 
@@ -94,7 +94,7 @@
 // ==========================================================================
 
 %#{$list-selector}--outside {
-	list-style-position: outside;
+  list-style-position: outside;
 }
 
 
@@ -105,9 +105,9 @@
 // ==========================================================================
 
 %#{$list-selector}--inside {
-	list-style-position: inside;
-	// padding-left: 1em;
-	// text-indent: -1em;
+  list-style-position: inside;
+  // padding-left: 1em;
+  // text-indent: -1em;
 }
 
 
@@ -122,68 +122,68 @@
 // ==========================================================================
 
 @if $list-style-type-armenian {
-	@include list-style-type(armenian);
+  @include list-style-type(armenian);
 }
 @if $list-style-type-circle {
-	@include list-style-type(circle);
+  @include list-style-type(circle);
 }
 @if $list-style-type-cjk-ideographic {
-	@include list-style-type(armenian);
+  @include list-style-type(armenian);
 }
 @if $list-style-type-decimal {
-	@include list-style-type(decimal);
+  @include list-style-type(decimal);
 }
 @if $list-style-type-decimal-leading-zero {
-	@include list-style-type(decimal-leading-zero);
+  @include list-style-type(decimal-leading-zero);
 }
 @if $list-style-type-disc {
-	@include list-style-type(disc);
+  @include list-style-type(disc);
 }
 @if $list-style-type-georgian {
-	@include list-style-type(georgian);
+  @include list-style-type(georgian);
 }
 @if $list-style-type-hebrew {
-	@include list-style-type(hebrew);
+  @include list-style-type(hebrew);
 }
 @if $list-style-type-hiragana {
-	@include list-style-type(hiragana);
+  @include list-style-type(hiragana);
 }
 @if $list-style-type-hiragana-iroha {
-	@include list-style-type(hiragana-iroha);
+  @include list-style-type(hiragana-iroha);
 }
 @if $list-style-type-inherit {
-	@include list-style-type(inherit);
+  @include list-style-type(inherit);
 }
 @if $list-style-type-katakana {
-	@include list-style-type(katakana);
+  @include list-style-type(katakana);
 }
 @if $list-style-type-katakana-iroha {
-	@include list-style-type(katakana-iroha);
+  @include list-style-type(katakana-iroha);
 }
 @if $list-style-type-lower-alpha {
-	@include list-style-type(lower-alpha);
+  @include list-style-type(lower-alpha);
 }
 @if $list-style-type-lower-greek {
-	@include list-style-type(lower-greek);
+  @include list-style-type(lower-greek);
 }
 @if $list-style-type-lower-latin {
-	@include list-style-type(lower-latin);
+  @include list-style-type(lower-latin);
 }
 @if $list-style-type-lower-roman {
-	@include list-style-type(lower-roman);
+  @include list-style-type(lower-roman);
 }
 @if $list-style-type-none {
-	@include list-style-type(none);
+  @include list-style-type(none);
 }
 @if $list-style-type-square {
-	@include list-style-type(square);
+  @include list-style-type(square);
 }
 @if $list-style-type-upper-alpha {
-	@include list-style-type(upper-alpha);
+  @include list-style-type(upper-alpha);
 }
 @if $list-style-type-upper-latin {
-	@include list-style-type(upper-latin);
+  @include list-style-type(upper-latin);
 }
 @if $list-style-type-upper-roman {
-	@include list-style-type(upper-roman);
-}
+  @include list-style-type(upper-roman);
+}

data/sass/piecss/behavior/grid/_layout.scss

@@ -41,7 +41,7 @@
 // ==========================================================================
 
 %root {
-	@include root();
+  @include root();
 }
 
 // ==========================================================================
@@ -51,8 +51,8 @@
 // ==========================================================================
 
 %column {
-	@include column-behavior();
-	@include column-width();
+  @include column-behavior();
+  @include column-width();
 }
 
 
@@ -63,7 +63,7 @@
 // ==========================================================================
 
 %gutters {
-	@include gutters();
+  @include gutters();
 }
 
 // ==========================================================================
@@ -73,7 +73,7 @@
 // ==========================================================================
 
 %gutters-right {
-	@include gutters((false 1/2));
+  @include gutters((false 1/2));
 }
 
 // ==========================================================================
@@ -83,7 +83,7 @@
 // ==========================================================================
 
 %gutters-left {
-	@include gutters((1/2 false));
+  @include gutters((1/2 false));
 }
 
 // ==========================================================================
@@ -93,7 +93,7 @@
 // ==========================================================================
 
 %bleed {
-	@include bleed(); 
+  @include bleed(); 
 }
 
 // ==========================================================================
@@ -103,7 +103,7 @@
 // ==========================================================================
 
 %bleed--right {
-	@include bleed((false 1/2)); 
+  @include bleed((false 1/2)); 
 }
 
 // ==========================================================================
@@ -113,7 +113,7 @@
 // ==========================================================================
 
 %bleed-left {
-	@include bleed((1/2 false)); 
+  @include bleed((1/2 false)); 
 }
 
 
@@ -154,19 +154,19 @@
 // ==========================================================================
 
 @each $breakpoint in map-keys($column-widths) {
-	$widths: map-get($column-widths, $breakpoint);
-	@each $selector in map-keys($widths){
-	    %#{$selector} {
-	        @extend %column;
-	    }
-	}
-	@include breakpoint($breakpoint) {
-	    @each $selector in map-keys($widths){
-	        %#{$selector} {
-	            @include column-width( map-get($widths, $selector) );
-	        }
-	    }
-	}
+  $widths: map-get($column-widths, $breakpoint);
+  @each $selector in map-keys($widths){
+      %#{$selector} {
+          @extend %column;
+      }
+  }
+  @include breakpoint($breakpoint) {
+      @each $selector in map-keys($widths){
+          %#{$selector} {
+              @include column-width( map-get($widths, $selector) );
+          }
+      }
+  }
 }
 
 

data/sass/piecss/settings/_base.scss

@@ -40,7 +40,7 @@ $line-height-unit: 1% !default;
 /// @type {Number}
 ///
 
-$base-font-size: 14px !default;
+$base-font-size: 16px !default;
 
 ///
 /// The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
@@ -50,7 +50,7 @@ $base-font-size: 14px !default;
 /// @type {Number}
 ///
 
-$font-size: 14px !default;
+$default-font-size: 16px !default;
 
 ///
 /// The default line-height for your project. This is translated to the final unit of output using the [$line-height-unit](./#line-height-unit) variable.
@@ -60,7 +60,7 @@ $font-size: 14px !default;
 /// @type {Number}
 ///
 
-$line-height: 21px !default;
+$default-line-height: rhythm(3) !default;
 
 ///
 /// The default font for your project. It is set in a $font-type list, Piecss has a collection of pre-defined font-types that can be augmented.

data/sass/piecss/settings/_form.scss

@@ -346,7 +346,7 @@ $field-width: 100% !default;
 /// @type {Number}
 ///
 
-$field-height: $line-height + 2 * $field-border-width + $field-padding-top + $field-padding-bottom !default;
+$field-height: $default-line-height + 2 * $field-border-width + $field-padding-top + $field-padding-bottom !default;
 
 ///
 /// Field line-height, relevant for text-area.
@@ -356,7 +356,7 @@ $field-height: $line-height + 2 * $field-border-width + $field-padding-top + $fi
 /// @type {Number}
 ///
 
-$field-line-height: $line-height !default;
+$field-line-height: $default-line-height !default;
 
 ///
 /// Field shadow, simple inset shadow by default.