piecss 0.3.0.1 → 0.3.2

data/sass/piecss/utilities/_string.scss

@@ -14,7 +14,7 @@
 /// Function to replace characters in a string.
 ///
 /// @example
-/// @include str-replace('Hello World', 'Hello', 'Yo');
+///  @include str-replace('Hello World', 'Hello', 'Yo');
 ///
 /// @since 1.0
 ///
@@ -35,19 +35,20 @@
 }
 
 ///
-/// Function to replace characters in a string.
+/// Implode lists
 /// http://hugogiraudel.com/2013/08/08/advanced-sass-list-functions/#miscellaneous
 ///
 /// @example
 /// $list: a, b, c d e, f, g, h;
-/// $new-list: implode($list);      // abcdefgh
-/// $new-list: implode($list, '-'); // a-b-c-d-e-f-g-h
+/// $new-list: implode($list, "");      // abcdefgh
+/// $new-list: implode($list);      // a, b, c, d, e, f, g, h
+/// $new-list: implode($list, "-"); // a-b-c-d-e-f-g-h
 ///
 /// @since 1.0
 ///
 /// @param {List} $list - The list to implode
 /// @param {String} $separator (, ) - A separator to join the list items
-/// @param {Bool} $is-nested (false) - Set to true is the list is contains other lists
+/// @param {Bool} $is-nested (false) - Set to true if the list contains other lists
 ///
 
 @function implode($list, $separator: ', ', $is-nested: false) {
@@ -57,10 +58,12 @@
     $e: nth($list, $i);
 
     @if type-of($e) == list {
-      $string: $string#{to-string($e, $is-nested, true)};
+      $string: unquote("#{$string}#{implode($e, $separator, true)}");
     }
-@else {
-      $string: if($i != length($list) or $is-nested, $string#{$e}#{$separator}, $string#{$e});
+    @else {
+      $string: if($i != length($list) or $is-nested,
+        unquote("#{$string}#{$e}#{$separator}"),
+        unquote("#{$string}#{$e}"));
     }
   }
 

data/sass/piecss/utilities/_svg.scss

@@ -11,10 +11,10 @@
 
 
 ///
-/// Function to create an optimized svg url
+/// Function to convert an svg into a data URI
 ///
 /// @example
-/// @include svg-url('<svg xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M0 0h10v10H0z"/></svg>');
+///  @include svg-url('<svg xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M0 0h10v10H0z"/></svg>');
 ///
 /// @since 1.0
 ///

data/sass/piecss/utilities/_typography.scss

@@ -91,23 +91,13 @@
 }
 
 
-///
-/// @alias to-unit
-/// @deprecated
-///
-
-@function font-size($target-px, $unit: $unit, $context: $font-size) {
-  @return to-unit($target-px, $unit, $context);
-}
-
-
 ///
 /// Calculate the optimal line-height
 ///
 /// @since 0.1
 ///
 /// @param {Number} $font-size - The font-size in px
-/// @param {Number} $min-ratio (Float) - The final unit to which $target-px is converted, e.g. 1px, 1rem, 1em, 1% or 1 for unitless
+/// @param {Number} $min-ratio (Float) - The minimum line-height ratio to maintain
 ///
 /// @return {Number} - line-height in px
 ///
@@ -158,7 +148,7 @@
 
 ///
 /// Mixes in the shorthand font tag. This is the only mixin that takes the font-size and line-height in their final unit of output.
-/// More info: [$font-size](./#variable-default-font-size), [$line-height](./#variable-default-line-height)
+/// More info: [$font-size](./#variable-default-font-size), [$default-line-height](./#variable-default-line-height)
 ///
 /// @since 0.1
 ///

data/sass/piecss/utilities/_unit.scss

@@ -37,12 +37,12 @@
 ///
 /// @param {Number} $target-px - The final size in px
 /// @param {Number} $unit ($unit) - The final unit to which $target-px is converted, e.g. 1px, 1rem, 1em, 1%
-/// @param {Number} $context ($font-size) - The context of the targeted element, for calculations to em
+/// @param {Number} $context ($default-font-size) - The context of the targeted element, for calculations to em
 ///
 /// @return {Number} - The value in the requested unit
 ///
 
-@function to-unit($number, $unit: $unit, $context: $font-size) {
+@function to-unit($number, $unit: $unit, $context: $default-font-size) {
   @if not(type-of($number) == number) {
     @warn "Argument $number needs to be a number.";
     @return $number;
@@ -68,7 +68,7 @@
     $number: percentage($number / $context);
   }
   @elseif unit($unit) == "rem" {
-    $number: $number / $font-size * $unit;
+    $number: $number / $default-font-size * $unit;
   }
   @else {
     $number: $number / $context * $unit;
@@ -86,12 +86,12 @@
 ///
 /// @param {Number} $target-px - The final size in px
 /// @param {Number} $unit ($unit) - The final unit to which $target-px is converted, e.g. 1px, 1rem, 1em, 1%
-/// @param {Number} $context ($font-size) - The context of the targeted element, for calculations to em
+/// @param {Number} $context ($default-font-size) - The context of the targeted element, for calculations to em
 ///
 /// @return {Number} - The value in the requested unit
 ///
 
-@function px($value, $unit: $unit, $context: $font-size) {
+@function px($value, $unit: $unit, $context: $default-font-size) {
 
   @if unit($value) != "px" {
     @warn "Argument $value needs to be unitless, or set in px.";
@@ -112,12 +112,12 @@
 /// @since 0.1
 ///
 /// @param {Number} $value - The value to convert, in any unit
-/// @param {Number} $context ($font-size) - The context of the targeted element, for calculations to em
+/// @param {Number} $context ($default-font-size) - The context of the targeted element, for calculations to em
 ///
 /// @return {Number} - The value in px
 ///
 
-@function to-px($value, $context: $font-size) {
+@function to-px($value, $context: $default-font-size) {
 
   @if unit($value) == "px" {
   }
@@ -145,7 +145,7 @@
 ///
 
 @function rem-to-px($value) {
-  @return $font-size * strip-unit($value);
+  @return $default-font-size * strip-unit($value);
 }
 
 ///
@@ -154,12 +154,12 @@
 /// @since 0.1
 ///
 /// @param {Number} $value - The value to convert
-/// @param {Number} $context ($font-size) - The context of the targeted element
+/// @param {Number} $context ($default-font-size) - The context of the targeted element
 ///
 /// @return {Number} - The value in px
 ///
 
-@function em-to-px($value, $context: $font-size) {
+@function em-to-px($value, $context: $default-font-size) {
   @return $context * strip-unit($value);
 }
 
@@ -171,11 +171,11 @@
 /// @todo Needs to take into account the context
 ///
 /// @param {Number} $value - The value to convert
-/// @param {Number} $context ($font-size) - The context of the targeted element
+/// @param {Number} $context ($default-font-size) - The context of the targeted element
 ///
 /// @return {Number} - The value in px
 ///
 
-@function percentage-to-px($value, $context: $font-size) {
+@function percentage-to-px($value, $context: $default-font-size) {
   @return $value / 100% * $context;
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: piecss
 version: !ruby/object:Gem::Version
-  version: 0.3.0.1
+  version: 0.3.2
 platform: ruby
 authors:
 - Babs Gosgens
@@ -33,8 +33,14 @@ extra_rdoc_files: []
 files:
 - README.md
 - lib/piecss.rb
+- sass/piecss/_behavior.css
+- sass/piecss/_behavior.css.map
 - sass/piecss/_behavior.scss
+- sass/piecss/_settings.css
+- sass/piecss/_settings.css.map
 - sass/piecss/_settings.scss
+- sass/piecss/_utilities.css
+- sass/piecss/_utilities.css.map
 - sass/piecss/_utilities.scss
 - sass/piecss/behavior/_anchor.scss
 - sass/piecss/behavior/_base.scss