piecss 0.5.0 → 0.6.0

data/sass/piecss/settings/_layout.css

@@ -0,0 +1,60 @@
+/*
+Error: Undefined variable: "$default-line-height".
+        on line 57 of sass/piecss/settings/_layout.scss
+
+52: // /// @since 0.1
+53: // ///
+54: // /// @type {Number}
+55: // ///
+56: 
+57: $gutter-width: $default-line-height !default;
+58: 
+59: ///
+60: /// The final unit of output in which gutter widths are rendered
+61: ///
+62: /// @since 0.1
+
+Backtrace:
+sass/piecss/settings/_layout.scss:57
+/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/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/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:294:in `watch'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin.rb:109:in `method_missing'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:360:in `watch_or_update'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:51:in `process_result'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/base.rb:52:in `parse'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/base.rb:19:in `parse!'
+/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/bin/sass:13:in `<top (required)>'
+/usr/local/bin/sass:23:in `load'
+/usr/local/bin/sass:23:in `<main>'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Undefined variable: \"$default-line-height\".\A         on line 57 of sass/piecss/settings/_layout.scss\A \A 52: // /// @since 0.1\A 53: // ///\A 54: // /// @type {Number}\A 55: // ///\A 56: \A 57: $gutter-width: $default-line-height !default;\A 58: \A 59: ///\A 60: /// The final unit of output in which gutter widths are rendered\A 61: ///\A 62: /// @since 0.1"; }

data/sass/piecss/settings/_miscellaneous.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_miscellaneous.css.map */

data/sass/piecss/settings/_miscellaneous.css.map

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

data/sass/piecss/settings/_rhythm.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_rhythm.css.map */

data/sass/piecss/settings/_rhythm.css.map

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

data/sass/piecss/settings/_typography.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_typography.css.map */

data/sass/piecss/settings/_typography.css.map

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

data/sass/piecss/settings/_unit.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_unit.css.map */

data/sass/piecss/settings/_unit.css.map

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

data/sass/piecss/settings/_unit.scss

@@ -29,4 +29,4 @@ $rem-fallback-unit: 1px !default;
 /// @type {Number}
 ///
 
-$line-height-unit: 1% !default;
+$line-height-unit: 1 !default;

data/sass/piecss/utilities/_breakpoint.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_breakpoint.css.map */

data/sass/piecss/utilities/_breakpoint.css.map

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

data/sass/piecss/utilities/_cache.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_cache.css.map */

data/sass/piecss/utilities/_cache.css.map

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

data/sass/piecss/utilities/_collection.scss

@@ -0,0 +1,192 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+// Content:
+// 1. Functions
+//    add-selector
+//    add-properties
+//    remove-selector
+//    remove-properties
+// 2. Mixins
+//    get-properties
+//    get-selectors
+
+
+// 1. FUNCTIONS
+
+
+///
+/// Mixes in a new namespace (selector) and css properties into a collection.
+///
+/// @access public
+/// @since 0.1
+///
+/// @param {Map} $collection - Map, a collection of $selector: $property pairs
+/// @param {Map} $selector - The selector under which the properties will be rendered, for example: %placeholder
+/// @param {Map} $properties (()) - Map of CSS properties
+///
+/// @return {Map}
+///
+
+@function add-selector($collection, $selector) {
+  $_: (
+    #{$selector}: ()
+  );
+  $collection: map-merge($collection, $_);
+  @return $collection;
+}
+
+///
+/// Mixes in properties into a selector namespace
+///
+/// @access public
+/// @since 0.1
+///
+/// @param {Map} $properties - Map of CSS properties
+/// @param {Map} $selector - The selector under which the properties will be rendered, for example: %placeholder
+/// @param {Map} $collection - Map, a collection of $selector: $property pairs
+/// @param {Bool} $force (false) - When true, append properties instead of overwrite properties
+///
+/// @return {Map}
+///
+
+@function add-properties($collection, $selector, $new-properties, $force: false) {
+
+  @if not map-has-key($collection, $selector) {
+    $collection: add-selector($collection, $selector);
+  }
+
+  // Merge the nested property-map first
+  $properties: map-get($collection, $selector);
+
+  // Loop over existing properties
+  $_ps: ();
+  $_vs: ();
+  @each $property in $properties {
+    $_ps: append($_ps, nth($property, 1));
+    $_vs: append($_vs, nth($property, 2));
+  }
+
+  // Loop over new properties to find duplicates
+  @each $_p, $_v in $new-properties {
+
+    @if index($_ps, $_p) {
+      $_old_v: nth($_vs, index($_ps, $_p));
+      @if $_old_v == $_v {
+        // Skip, this property and that value exist already
+      }
+      @if $_old_v != $_v and $force {
+        // Add it, the author may do this purposefully (warn him just in case)
+        @warn "Are you sure you want to declare \"#{$_p}\" again (\"#{$_old_v}\", \"#{$_v}\")?";
+        $_ps: append($_ps, $_p);
+        $_vs: append($_vs, $_v);
+      }
+    } @else {
+      $_ps: append($_ps, $_p);
+      $_vs: append($_vs, $_v);
+    }
+  }
+
+  $collection: map-merge($collection, ($selector: zip($_ps, $_vs)));
+
+  @return $collection;
+}
+
+///
+/// Remove namespace (selector) and css properties from a collection.
+///
+/// @access public
+/// @since 0.6
+///
+/// @param {Map} $collection - Map, a collection of $selector: $property pairs
+/// @param {Map} $selector - The selector to be removed
+///
+/// @return {Map}
+///
+
+@function remove-selector($collection, $selector) {
+  @return map-remove($collection, $selector);
+}
+
+///
+/// Remove properties from a selector in a collection
+///
+/// @access public
+/// @since 0.6
+///
+/// @param {Map} $collection - Map, a collection of $selector: $property pairs
+/// @param {Map} $selector - The selector under which the properties will be rendered, for example: %placeholder
+/// @param {List} $properties (()) - List of CSS properties, empty to remove all properties
+///
+/// @return {Map}
+///
+
+@function remove-properties($collection, $selector, $obsolete-properties: ()) {
+
+  // Loop over existing properties and convert into a map
+  $_properties: ();
+  @each $_p in map-get($collection, $selector) {
+    $_properties: map-merge($_properties, (nth($_p, 1): nth($_p, 2)));
+  }
+
+  // Remove properties
+  @if length($obsolete-properties) == 0 {
+    // Remove all properties
+    $_properties: ();
+  } @else {
+
+  }
+  @each $property in $obsolete-properties {
+    $_properties: map-remove($_properties, $property);
+  }
+
+  // Convert back into a properties list
+  $_ps: ();
+  $_vs: ();
+  @each $property in $_properties {
+    $_ps: append($_ps, nth($property, 1));
+    $_vs: append($_vs, nth($property, 2));
+  }
+
+  @return map-merge($collection, ($selector: zip($_ps, $_vs)));
+}
+
+
+// 2. MIXINS
+
+
+///
+/// Mixes in properties
+///
+/// @access public
+/// @since 0.1
+///
+/// @param {Map} $element - Map of CSS properties
+///
+
+@mixin get-properties($selector) {
+  @each $property in $selector {
+    #{nth($property, 1)}: unquote(nth($property, 2));
+  }
+}
+
+
+///
+/// Mixes in all elements from an element collection
+///
+/// @access public
+/// @since 0.1
+///
+/// @param {Map} $elements - Map, a collection of $selector: $property pairs
+///
+
+@mixin get-selectors($collection) {
+  $selectors: map-keys($collection);
+
+  @each $selector in $selectors {
+    #{$selector} {
+      $element: map-get($collection, $selector);
+      @include get-properties($element);
+    }
+  }
+}

data/sass/piecss/utilities/_colour.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_colour.css.map */

data/sass/piecss/utilities/_colour.css.map

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

data/sass/piecss/utilities/_element.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_element.css.map */

data/sass/piecss/utilities/_element.css.map

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

data/sass/piecss/utilities/_image.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_image.css.map */

data/sass/piecss/utilities/_image.css.map

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

data/sass/piecss/utilities/_layout.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_layout.css.map */

data/sass/piecss/utilities/_layout.css.map

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

data/sass/piecss/utilities/_list.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_list.css.map */

data/sass/piecss/utilities/_list.css.map

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

data/sass/piecss/utilities/_miscellaneous.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_miscellaneous.css.map */

data/sass/piecss/utilities/_miscellaneous.css.map

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

data/sass/piecss/utilities/_rhythm.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_rhythm.css.map */

data/sass/piecss/utilities/_rhythm.css.map

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

data/sass/piecss/utilities/_side.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_side.css.map */

data/sass/piecss/utilities/_side.css.map

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

data/sass/piecss/utilities/_string.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_string.css.map */

data/sass/piecss/utilities/_string.css.map

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

data/sass/piecss/utilities/_svg.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_svg.css.map */

data/sass/piecss/utilities/_svg.css.map

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

data/sass/piecss/utilities/_typography.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_typography.css.map */

data/sass/piecss/utilities/_typography.css.map

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

data/sass/piecss/utilities/_typography.scss

@@ -3,10 +3,10 @@
 
 // Content
 // 1. functions:
-//    extract-type-style
-//    extract-type-variant
-//    extract-type-weight
-//    extract-type-family
+//    get-font-style
+//    get-font-variant
+//    get-font-weight
+//    get-font-family
 //    font-size
 //    line-height
 //    weight-number-to-string
@@ -35,7 +35,7 @@
 /// @return {String} - font-type property
 ///
 
-@function extract-type-style($type) {
+@function get-font-style($type) {
   @return nth($type, 1);
 }
 
@@ -52,7 +52,7 @@
 /// @return {String} - font-variant property
 ///
 
-@function extract-type-variant($type) {
+@function get-font-variant($type) {
   @return nth($type, 2);
 }
 
@@ -69,7 +69,7 @@
 /// @return {String} - font-weight property
 ///
 
-@function extract-type-weight($type) {
+@function get-font-weight($type) {
   @return nth($type, 3);
 }
 
@@ -86,7 +86,7 @@
 /// @return {String} - font-family property
 ///
 
-@function extract-type-family($type) {
+@function get-font-family($type) {
   @return nth($type, 4);
 }
 
@@ -182,10 +182,10 @@
 
   @if not(not($type)) {
 
-    $font-style: extract-type-style($type);
-    $font-variant: extract-type-variant($type);
-    $font-weight: extract-type-weight($type);
-    $font-family: extract-type-family($type);
+    $font-style: get-font-style($type);
+    $font-variant: get-font-variant($type);
+    $font-weight: get-font-weight($type);
+    $font-family: get-font-family($type);
 
     @if $font-size and unit($unit) == rem {
       @include font-size($font-size, 1px);
@@ -215,7 +215,7 @@
 ///
 
 @mixin font-style($type) {
-  font-style: extract-type-style($type);
+  font-style: get-font-style($type);
 }
 
 
@@ -228,7 +228,7 @@
 ///
 
 @mixin font-variant($type) {
-  font-variant: extract-type-variant($type);
+  font-variant: get-font-variant($type);
 }
 
 
@@ -241,7 +241,7 @@
 ///
 
 @mixin font-weight($type) {
-  font-weight: extract-type-weight($type);
+  font-weight: get-font-weight($type);
 }
 
 
@@ -254,7 +254,7 @@
 ///
 
 @mixin font-family($type) {
-  font-family: extract-type-family($type);
+  font-family: get-font-family($type);
 }
 
 

data/sass/piecss/utilities/_unit.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=_unit.css.map */

data/sass/piecss/utilities/_unit.css.map

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

data/sass/piecss/utilities/_unit.scss

@@ -43,25 +43,23 @@
 ///
 
 @function to-unit($number, $unit: $unit, $context: $default-font-size) {
-  @if not(type-of($number) == number) {
+
+  @if type-of($number) != number {
     @warn "Argument $number needs to be a number.";
     @return $number;
   }
 
-  @if strip-unit($number) == 0 {
-    @return strip-unit($number);
-  }
-
+  // We're dealing with a rhythm number, convert to px
   @if unitless($number) and not($number == 0) {
-    // We're dealing with a rhythm number, convert to px
     $number: -rhythm-units($number);
   }
 
+  // Convert value to px
   @if unit($number) != px {
-    // Convert the value to px first
     $number: to-px($number);
   }
 
+  // Now, calculate the correct contextual value in requested unit
   @if unit($unit) == "px" {
   }
   @elseif unit($unit) == "%" {
@@ -74,6 +72,11 @@
     $number: $number / $context * $unit;
   }
 
+  // If the value is 0, just return 0 for good form
+  @if strip-unit($number) == 0 {
+    $number: 0;
+  }
+  
   @return $number;
 }