piecss 0.2.0.0 → 0.3.0.1

data/sass/piecss/utilities/_cache.scss

@@ -54,21 +54,25 @@ $smart-cache: ();
 
   // Looping through all properties/values from map
   @each $property, $value in $declarations {
+
     // Get the stored values for the current property
     $stored-values: map-get($smart-cache, $property);
- 
+
     // If the value doesn't exist in stored values
     @if not index($stored-values, $value) {
+
       // Add it
       $smart-cache: map-merge($smart-cache, ($property: append($stored-values or (), $value))) !global;
+
       // And create a placeholder at root level
       @at-root %#{$property}-#{length(map-get($smart-cache, $property))} {
         #{$property}: $value;
       }
     }
- 
+
     // Extend the placeholder
-    @extend %#{$property}-#{index(map-get($smart-cache, $property), $value)};
+    // scss-lint:disable PlaceholderInExtend
+    @extend "%#{$property}-#{index(map-get($smart-cache, $property), $value)}";
+    // scss-lint:enable PlaceholderInExtend
   }
-
 }

data/sass/piecss/utilities/_colour.scss

@@ -0,0 +1,37 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+// Content:
+// 1. Functions
+//    shade
+
+
+// 1. Functions
+
+
+///
+/// Mixin to force consistent shades in a project.
+/// Set acceptable shades in the colour settings.
+/// If a shade is not acceptable, the function throws an errror
+///
+/// @since 0.1
+///
+/// @throws Only these values are excepted: #{$shades}, assuming 100%
+///
+/// @param {Number} $shade - A percentage
+/// @param {String} $color - A colour
+/// @param {String} $mix-color ($color-highlight) - A colour to mix with
+///
+/// @return {Bool}
+///
+
+@function shade($shade: 100%, $color: $color-body, $mix-color: $color-highlight) {
+
+  // Only these shase values are valid
+  @if not(unit($shade) == "%") or not(index($shades, $shade)) {
+    @error "Only these values are excepted: #{implode($shades)}, assuming 100%";
+    @return $color;
+  }
+
+  @return mix($mix-color, $color, $shade);
+}

data/sass/piecss/utilities/_element.scss

@@ -26,13 +26,12 @@
 /// @return {Map}
 ///
 
-@function add-element($elements, $selector, $properties: ())
-{
-    $_: (
-        #{$selector}: $properties
-    );
-    $elements: map-merge($elements, $_);
-    @return $elements;
+@function add-element($elements, $selector, $properties: ()) {
+  $_: (
+    #{$selector}: $properties
+  );
+  $elements: map-merge($elements, $_);
+  @return $elements;
 }
 
 ///
@@ -48,51 +47,50 @@
 /// @return {Map}
 ///
 
-@function add-properties($properties, $selector, $elements)
-{
+@function add-properties($properties, $selector, $elements) {
 
-    @if not map-has-key($elements, $selector) {
-        $elements: add-element($elements, $selector);
-    }
+  @if not map-has-key($elements, $selector) {
+    $elements: add-element($elements, $selector);
+  }
 
-    // Merge the nested property-map first
-    $element: map-get($elements, $selector);
-    $element: map-merge($element, $properties);
+  // Merge the nested property-map first
+  $element: map-get($elements, $selector);
+  $element: map-merge($element, $properties);
 
-    // Merge the property-map with the element collection
-    $_: (
-        #{$selector}: $element
-    );
-    $elements: map-merge($elements, $_);
+  // Merge the property-map with the element collection
+  $_: (
+    #{$selector}: $element
+  );
+  $elements: map-merge($elements, $_);
 
-    @return $elements;
+  @return $elements;
 }
 
 ///
 /// @alias add-properties
 ///
-@function add-props($properties, $selector, $elements)
-{
-    $elements: add-properties($properties, $selector, $elements);
-    @return $elements;
+@function add-props($properties, $selector, $elements) {
+  $elements: add-properties($properties, $selector, $elements);
+
+  @return $elements;
 }
 
 ///
 /// @alias add-properties
 ///
-@function merge-properties($properties, $selector, $elements)
-{
-    $elements: add-properties($properties, $selector, $elements);
-    @return $elements;
+@function merge-properties($properties, $selector, $elements) {
+  $elements: add-properties($properties, $selector, $elements);
+
+  @return $elements;
 }
 
 ///
 /// @alias add-properties
 ///
-@function merge-props($properties, $selector, $elements)
-{
-    $elements: add-properties($properties, $selector, $elements);
-    @return $elements;
+@function merge-props($properties, $selector, $elements) {
+  $elements: add-properties($properties, $selector, $elements);
+
+  @return $elements;
 }
 
 
@@ -108,57 +106,56 @@
 /// @param {Map} $element - Map of CSS properties
 ///
 
-@mixin properties($element)
-{
-    // Lift out properties that have their own mixins
-    @if map-has-key($element, margin) {
-        $value: map-get($element, margin);
-        $element: map-remove($element, margin);
-        @include margin($value);
+@mixin properties($element) {
+  // Lift out properties that have their own mixins
+  @if map-has-key($element, margin) {
+    $value: map-get($element, margin);
+    $element: map-remove($element, margin);
+    @include margin($value);
+  }
+  @if map-has-key($element, padding) {
+    $value: map-get($element, padding);
+    $element: map-remove($element, padding);
+    @include padding($value);
+  }
+  /* Using Autoprefix now */
+  // @if map-has-key($element, border-radius) {
+  //     $value: map-get($element, border-radius);
+  //     $element: map-remove($element, border-radius);
+  //     @include border-radius($value);
+  // }
+  // @if map-has-key($element, box-shadow) {
+  //     $value: map-get($element, box-shadow);
+  //     $element: map-remove($element, box-shadow);
+  //     @include box-shadow($value);
+  // }
+  @if map-has-key($element, font-type) {
+    $value: ();
+    $value: append($value, map-get($element, font-type));
+    @if map-has-key($element, font-size) {
+      $value: append(($value), map-get($element, font-size));
     }
-    @if map-has-key($element, padding) {
-        $value: map-get($element, padding);
-        $element: map-remove($element, padding);
-        @include padding($value);
-    }
-    /* Using Autoprefix now */
-    // @if map-has-key($element, border-radius) {
-    //     $value: map-get($element, border-radius);
-    //     $element: map-remove($element, border-radius);
-    //     @include border-radius($value);
-    // }
-    // @if map-has-key($element, box-shadow) {
-    //     $value: map-get($element, box-shadow);
-    //     $element: map-remove($element, box-shadow);
-    //     @include box-shadow($value);
-    // }
-    @if map-has-key($element, font-type) {
-        $value: ();
-        $value: append( $value, map-get($element, font-type));
-        @if map-has-key($element, font-size) {
-            $value: append( ($value), map-get($element, font-size));
-        }
-        @if map-has-key($element, line-height) {
-            $value: append($value, map-get($element, line-height));
-        }
-        $element: map-remove($element, font-family);
-        $element: map-remove($element, font-size);
-        $element: map-remove($element, line-height);
-        $element: map-remove($element, font);
-
-        @include font(nth($value,1), nth($value,2), nth($value,3));
-    }
-    @if map-has-key($element, font) {
-        $value: map-get($element, font);
-        $element: map-remove($element, font);
-        @include font(nth($value,1), nth($value,2), nth($value,3));
-    }
-    
-    $properties: map-keys($element);
-
-    @each $property in $properties {
-        #{$property}: map-get($element, $property);
+    @if map-has-key($element, line-height) {
+      $value: append($value, map-get($element, line-height));
     }
+    $element: map-remove($element, font-family);
+    $element: map-remove($element, font-size);
+    $element: map-remove($element, line-height);
+    $element: map-remove($element, font);
+
+    @include font(nth($value, 1), nth($value, 2), nth($value, 3));
+  }
+  @if map-has-key($element, font) {
+    $value: map-get($element, font);
+    $element: map-remove($element, font);
+    @include font(nth($value, 1), nth($value, 2), nth($value, 3));
+  }
+
+  $properties: map-keys($element);
+
+  @each $property in $properties {
+    #{$property}: map-get($element, $property);
+  }
 }
 
 
@@ -172,12 +169,12 @@
 ///
 
 @mixin elements($elements) {
-    $selectors: map-keys($elements);
+  $selectors: map-keys($elements);
 
-    @each $selector in $selectors {
-        #{$selector} {
-            $element: map-get($elements, $selector);
-            @include properties($element);
-        }
+  @each $selector in $selectors {
+    #{$selector} {
+      $element: map-get($elements, $selector);
+      @include properties($element);
     }
+  }
 }

data/sass/piecss/utilities/_image.scss

@@ -11,7 +11,7 @@
 
 
 ///
-/// Calculates the proportions of an element based on its width and height 
+/// Calculates the proportions of an element based on its width and height
 ///
 /// @since 0.1
 ///
@@ -19,15 +19,14 @@
 ///
 /// @param {Map} $size - Map of width and height pairs (width: 100px, height: 100px)
 ///
-/// @return {Number} 
+/// @return {Number}
 ///
 
-@function proportion($size)
-{
-    $width: map-get($size, width);
-    $height: map-get($size, height);
+@function proportion($size) {
+  $width: map-get($size, width);
+  $height: map-get($size, height);
 
-    @return $width / $height;
+  @return $width / $height;
 }
 
 ///
@@ -37,22 +36,21 @@
 ///
 /// @param {Map} $size - Map of width and height pairs (width: 100px, height: 100px)
 ///
-/// @return {String} 
+/// @return {String}
 ///
 
-@function orientation($size)
-{
-    $proportion: proportion($size);
+@function orientation($size) {
+  $proportion: proportion($size);
 
-    @if $proportion > 1 {
-        @return landscape;
-    }
-    
-    @if $proportion < 1 {
-        @return portrait;
-    }
-    
-    @if $proportion == 1 {
-        @return square;
-    }
+  @if $proportion > 1 {
+    @return landscape;
+  }
+
+  @if $proportion < 1 {
+    @return portrait;
+  }
+
+  @if $proportion == 1 {
+    @return square;
+  }
 }