persistentgrid 0.0.1.beta.1

data/scss/pg/helpers/fonts/icon-fonts/foundation-accessability/_settings.scss

@@ -0,0 +1,28 @@
+$fontFileName: "/PGFramework/Fonts/accessibility_foundicons";
+$fontName: "AccessibilityFoundicons";
+$classPrefix: "foundicon-";
+
+@mixin i-class($name,$pua) {
+  .#{$classPrefix}#{$name}:before { 
+    content: "\f#{$pua}";
+  }
+}
+
+@mixin ie-class($name,$pua) {
+  .#{$classPrefix}#{$name} { 
+    *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xf#{$pua};"); 
+  }
+}
+
+@mixin face {
+  @font-face { 
+    font-family: $fontName;
+    src: url('#{$fontFileName}.eot');
+    src: url('#{$fontFileName}.eot?#iefix') format('embedded-opentype'),
+         url('#{$fontFileName}.woff') format('woff'),
+         url('#{$fontFileName}.ttf') format('truetype'),
+         url('#{$fontFileName}.svg##{$fontName}') format('svg');
+    font-weight: normal;
+    font-style: normal;
+  }
+}

data/scss/pg/helpers/library/_lists.scss

@@ -0,0 +1,462 @@
+// /* -------------------------------------------------------------------------------//  *
+//  * A couple of advanced Sass list functions
+//  * -------------------------------------------------------------------------------//  *
+//  *
+//  * first($list)
+//  * Returns first element of $list
+//  *
+//  * last($list)
+//  * Returns last element of $list
+//  *
+//  * last-index($list, $value)
+//  * Returns last index of $value in $list
+//  *
+//  * to-string($list, $glue: '', $is-nested: false)
+//  * Joins all elements of $list with $glue
+//  *
+//  * prepend($list, $value)
+//  * Add $value as first index of $list
+//  *
+//  * insert-nth($list, $index, $value)
+//  * Add $value at $index in $list
+//  *
+//  * replace($list, $old-value, $new-value, $recursive: false)
+//  * Replace $old-value by $new-value in $list
+//  *
+//  * replace-nth($list, $index, $value)
+//  * Replace value at $index from $list by $value
+//  *
+//  * remove($list, $value, $recursive: false)
+//  * Remove value(s) $value from $list
+//  *
+//  * remove-nth($list, $index)
+//  * Remove value from $list at index $index
+//  *
+//  * slice($list, $start: 1, $end: length($list))
+//  * Slices $list between $start and $end
+//  *
+//  * reverse($list, $recursive: false)
+//  * Reverses the order of $list
+//  *
+//  * loop($list, $value: 1)
+//  * Shift indexes from $list of $value
+//  * 
+//  * -------------------------------------------------------------------------------//  *
+//  * CodePen: http://codepen.io/HugoGiraudel/pen/loAgq
+//  * Repository: https://github.com/HugoGiraudel/Sass-snippets/blob/master/src/list-functions/
+//  * -------------------------------------------------------------------------------//  */
+
+
+// /**
+//  * Returns first element of $list
+//  * -------------------------------------------------------------------------------
+//  * @example first(a, b, c) => a
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * -------------------------------------------------------------------------------
+//  * @return [Literal]
+//  */
+@function first($list) {
+  @return nth($list, 1);
+}
+
+// /**
+//  * Returns last element of $list
+//  * -------------------------------------------------------------------------------
+//  * @example last( (a, b, c) ) => c
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * -------------------------------------------------------------------------------
+//  * @return [Literal]
+//  */
+@function last($list) {
+  @return nth($list, length($list));
+}
+
+// /**
+//  * Returns last index of $value in $list
+//  * -------------------------------------------------------------------------------
+//  * @example last-index( (a, b, c), z )    => null
+//  * @example last-index( (a, b, c, a), a ) => 4
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $value [Literal] : value to be searched for
+//  * -------------------------------------------------------------------------------
+//  * @return [Number]
+//  */
+@function last-index($list, $value) {
+  @for $i from length($list)*-1 through -1 {
+    @if nth($list, abs($i)) == $value {
+      @return abs($i);
+    }
+  }
+
+  @return null;
+}
+
+// /**
+//  * Joins all elements of $list with $glue
+//  * -------------------------------------------------------------------------------
+//  * @example to-string( (a, b, c) )      => abc
+//  * @example to-string( (a, b, c), '-' ) => a-b-c
+//  * @example to-string( (a, b c, d) )    => abcd
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $glue [String] : value to use as a join string
+//  * @param $is-nested [Boolean] : strictly internal boolean for recursivity
+//  * -------------------------------------------------------------------------------
+//  * @return [String]
+//  */
+@function to-string($list, $glue: '', $is-nested: false) {
+  $result: null;
+
+  @for $i from 1 through length($list) {
+    $e: nth($list, $i);
+
+    @if type-of($e) == list {
+      $result: $result#{to-string($e, $glue, true)};
+    }
+    
+    @else {
+      $result: if($i != length($list) or $is-nested, $result#{$e}#{$glue}, $result#{$e});
+    }
+  }
+
+  @return $result;
+}
+
+// /**
+//  * Add $value as first index of $list
+//  * -------------------------------------------------------------------------------
+//  * @example prepend( (a, b, c), z )   => z, a, b, c
+//  * @example prepend( (a, b, c), y z ) => y z, a, b, c
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $value [Literal] : value to prepend to the list
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function prepend($list, $value) {
+  @return join($value, $list);
+}
+
+// /** 
+//  * Add $value at $index in $list
+//  * -------------------------------------------------------------------------------
+//  * @example insert-nth( (a, b, c),  2, z ) => a, z, b, c
+//  * @example insert-nth( (a, b, c),  0, z ) => error
+//  * @example insert-nth( (a, b, c), -1, z ) => error
+//  * @example insert-nth( (a, b, c), 10, z ) => error
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $index [Number] : index to add
+//  * @param $value [Literal] : value to add
+//  * -------------------------------------------------------------------------------
+//  * @raise [Error] if $index isn't an integer
+//  * @raise [Error] if $index is strictly lesser than 1
+//  * @raise [Error] if $index is strictly greater than length of $list
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function insert-nth($list, $index, $value) {
+  $result: null;
+      
+  @if type-of($index) != number {
+    @warn "$index: #{quote($index)} is not a number for `insert-nth`.";
+  }
+
+  @else if $index < 1 {
+    @warn "List index 0 must be a non-zero integer for `insert-nth`";
+  }
+
+  @else if $index > length($list) {
+    @warn "List index is #{$index} but list is only #{length($list)} item long for `insert-nth'.";
+  }
+
+  @else {
+    $result: ();
+        
+    @for $i from 1 through length($list) {
+      @if $i == $index {
+        $result: append($result, $value);
+      }
+
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+
+// /**
+//  * Replace value at $index from $list by $value
+//  * -------------------------------------------------------------------------------
+//  * @example replace-nth( (a, b, c),   2, z ) => a, z, c
+//  * @example replace-nth( (a, b, c),   0, z ) => error
+//  * @example replace-nth( (a, b, c),  -1, z ) => a, b, z
+//  * @example replace-nth( (a, b, c),  10, z ) => error
+//  * @example replace-nth( (a, b, c), -10, z ) => error
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $index [Number] : index to update
+//  * @param $value [Literal] : new value for index $index
+//  * -------------------------------------------------------------------------------
+//  * @raise [Error] if $index isn't an integer
+//  * @raise [Error] if $index is 0
+//  * @raise [Error] if abs value of $index is strictly greater than length of $list
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function replace-nth($list, $index, $value) {
+  $result: null;
+      
+  @if type-of($index) != number {
+    @warn "$index: #{quote($index)} is not a number for `replace-nth`.";
+  }
+
+  @else if $index == 0 {
+    @warn "List index 0 must be a non-zero integer for `replace-nth`.";
+  }
+      
+  @else if abs($index) > length($list) {
+    @warn "List index is #{$index} but list is only #{length($list)} item long for `replace-nth`.";
+  }
+
+  @else {
+    $result: ();
+    $index: if($index < 0, length($list) + $index + 1, $index);  
+
+    @for $i from 1 through length($list) {
+      @if $i == $index {
+        $result: append($result, $value);
+      }
+    
+      @else {
+        $result: append($result, nth($list, $i));
+      }
+    }
+  }
+ 
+  @return $result;
+}
+
+// /** 
+//  * Replace $old-value by $new-value in $list
+//  * -------------------------------------------------------------------------------
+//  * @example replace( (a, b, c), b, z )         => a, z, c
+//  * @example replace( (a, b, c), y, z )         => a, b, c
+//  * @example replace( (a, b, c a), a, z )       => z, b, c z
+//  * @example replace( (a, b, c a), a, z, true ) => z, b, c z
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $old-value [Literal] : value to replace
+//  * @param $new-value [Literal] : new value for $old-value
+//  * @param $recursive [Boolean] : enable / disable recursivity
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function replace($list, $old-value, $new-value, $recursive: false) {
+  $result: ();
+
+  @for $i from 1 through length($list) {
+    @if type-of(nth($list, $i)) == list and $recursive {
+      $result: append($result, replace(nth($list, $i), $old-value, $new-value, $recursive));
+    }
+
+    @else {
+      @if nth($list, $i) == $old-value {
+        $result: append($result, $new-value);
+      }
+
+      @else {
+        $result: append($result, nth($list, $i));
+      }
+    }
+  }
+
+  @return $result;
+}
+
+// /**
+//  * Remove value from $list at index $index
+//  * -------------------------------------------------------------------------------
+//  * @example remove-nth( (a, b, c),   2 ) => a, c
+//  * @example remove-nth( (a, b, c),   0 ) => error
+//  * @example remove-nth( (a, b, c),  -1 ) => a, b
+//  * @example remove-nth( (a, b, c),  10 ) => error
+//  * @example remove-nth( (a, b, c), -10 ) => error
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $index [Number] : index to remove
+//  * -------------------------------------------------------------------------------
+//  * @raise [Error] if $index isn't an integer
+//  * @raise [Error] if $index is 0
+//  * @raise [Error] if abs value of $index is strictly greater then length of $list
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function remove-nth($list, $index) {
+  $result: null;
+        
+  @if type-of($index) != number {
+    @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+  }
+
+  @else if $index == 0 {
+    @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+  }
+
+  @else if abs($index) > length($list) {
+    @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+  }
+
+  @else {
+    $result: ();
+    $index: if($index < 0, length($list) + $index + 1, $index);  
+
+    @for $i from 1 through length($list) {
+      @if $i != $index {
+        $result: append($result, nth($list, $i));
+      }
+    }
+  }
+        
+  @return $result;
+}
+
+// /**
+//  * Remove value(s) $value from $list
+//  * -------------------------------------------------------------------------------
+//  * @example remove( (a, b, c),   b )       => a, c
+//  * @example remove( (a, b, c),   z )       => a, b, c
+//  * @example remove( (a, b, c b), b )       => a, c b
+//  * @example remove( (a, b, c b), b, true ) => a, c
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $value [Literal] : value to remove
+//  * @param $recursive [Boolean] : enable / disable recursivity
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function remove($list, $value, $recursive: false) {
+  $result: ();
+
+  @for $i from 1 through length($list) {
+    @if type-of(nth($list, $i)) == list and $recursive {
+      $result: append($result, remove(nth($list, $i), $value, $recursive));
+    }
+
+    @else if nth($list, $i) != $value {
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+
+// /**
+//  * Slices $list between $start and $end
+//  * -------------------------------------------------------------------------------
+//  * @example slice( (a, b, c, d),  2, 3 ) => b, c
+//  * @example slice( (a, b, c, d),  3, 2 ) => error
+//  * @example slice( (a, b, c, d),  3, 5 ) => error
+//  * @example slice( (a, b, c, d), -1, 3 ) => error
+//  * @example slice( (a, b, c, d),  0, 3 ) => error
+//  * @example slice( (a, b, c, d),  3, 3 ) => c
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $start [Number] : start index
+//  * @param $end [Number] : end index
+//  * -------------------------------------------------------------------------------
+//  * @raise [Error] if $start or $end aren't integers
+//  * @raise [Error] if $start is greater than $end
+//  * @raise [Error] if $start or $end is strictly lesser than 1
+//  * @raise [Error] if $start is strictly greater than length of $list
+//  * @raise [Error] if $end is strictly greater than length of $list
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */ 
+@function slice($list, $start: 1, $end: length($list)) {
+  $result: null;
+              
+  @if type-of($start) != number or type-of($end) != number {
+    @warn "Either $start or $end are not a number for `slice`.";
+  }
+             
+  @else if $start > $end {
+    @warn "The start index has to be lesser than or equals to the end index for `slice`.";
+  }
+
+  @else if $start < 1 or $end < 1 {
+    @warn "List indexes must be non-zero integers for `slice`.";
+  }
+
+  @else if $start > length($list) {
+    @warn "List index is #{$start} but list is only #{length($list)} item long for `slice`.";
+  }
+             
+  @else if $end > length($list) {
+    @warn "List index is #{$end} but list is only #{length($list)} item long for `slice`.";
+  }
+  
+  @else {
+    $result: ();
+                
+    @for $i from $start through $end {
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+    
+// /**
+//  * Reverses the order of $list
+//  * -------------------------------------------------------------------------------
+//  * @example reverse( (a, b, c) )         => c, b, a
+//  * @example reverse( (a, b, c a) )       => c a, b, a
+//  * @example reverse( (a, b, c a), true ) => a c, b, a
+//  * @example reverse( a )                 => a
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $recursive [Boolean] : enable / disable recursivity
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function reverse($list, $recursive: false) {
+   $result: ();
+
+   @for $i from length($list)*-1 through -1 {
+      @if type-of(nth($list, abs($i))) == list and $recursive {
+        $result: append($result, reverse(nth($list, abs($i)), $recursive));      
+      }
+
+      @else {
+        $result: append($result, nth($list, abs($i)));
+      }
+   }
+
+   @return $result;
+}
+
+// /**
+//  * Shift indexes from $list of $value
+//  * -------------------------------------------------------------------------------
+//  * @example loop( (a, b, c, d, e) )     => e, a, b, c, d
+//  * @example loop( (a, b, c, d, e),  2 ) => d, e, a, b, c
+//  * @example loop( (a, b, c, d, e), -2 ) => c, d, e, a, b
+//  * -------------------------------------------------------------------------------
+//  * @param $list [List] : list
+//  * @param $value [Number] : number of position between old and new indexes
+//  * -------------------------------------------------------------------------------
+//  * @return [List]
+//  */
+@function loop($list, $value: 1) {
+  $result: ();
+    
+  @for $i from 0 to length($list) {
+    $result: append($result, nth($list, ($i - $value) % length($list) + 1));
+  }
+  
+  @return $result;
+}

data/scss/pg/helpers/mixins/_all.scss

@@ -0,0 +1,15 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "anchors";
+@import "baseline";
+@import "breakpoints";
+@import "content";
+@import "css-triangle";
+@import "elements";
+@import "module";
+@import "text";
+@import "units";

data/scss/pg/helpers/mixins/_anchors.scss

@@ -0,0 +1,125 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+//  Wraps @content in a selector - call from within a mixin
+//  ==========================================================================
+//  @example @include wrap(a){ color: Blue; }; => a { color: Blue; }
+//  @example @include wrap(false){ color: Blue; }; => color: Blue;
+//  --------------------------------------------------------------------------
+//  @param $selector [String] the selector to be used: a, .class, #id, ::pseudo
+
+@mixin wrap($selector)
+{
+	@if $selector {
+		#{$selector} {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+
+//  Mixin anchor colors in a bulletproof way
+//  ==========================================================================
+//  @example @include wrap(a){ color: Blue; }; => a { color: Blue; }
+//  @example @include wrap(false){ color: Blue; }; => color: Blue;
+//  --------------------------------------------------------------------------
+//  @param $selector [String] the selector to be used or false for none
+//  @param $color [String] the color for an unvisited link
+//  @param $color-hover [String] the color for a hover link
+//  @param $color-active [String] the color for an active link
+//  @param $color-visited [String] the color for a visited link
+//  @param $mixin-states [Boolean] add states for use with JavaScript
+
+@mixin anchor-color($selector, $color, $color-hover, $color-active, $color-visited, $mixin-states: true)
+{
+	@include wrap($selector) {
+
+		color: $color;
+
+		// Check if they are a different color then the default, else skip it
+		$color-hover: if($color-hover==$color, false, $color-hover);
+		$color-active: if($color-active==$color, false, $color-active);
+		$color-visited: if($color-visited==$color, false, $color-visited);
+
+		@if $mixin-states {
+
+			@if $color-hover {
+				&:hover {
+					@extend .is-#{$selector}-hover;
+				}				
+			}
+			@if $color-active {
+				&:active {
+					@extend .is-#{$selector}-active;
+				}
+			}
+			@if $color-visited {
+				&:visited {
+					@extend .is-#{$selector}-visited;
+				}
+			}
+		}
+		@else {
+
+			@if $color-hover {
+				&:hover {
+					color: $color-hover;
+				}				
+			}
+			@if $color-active {
+				&:active {
+					color: $color-active;
+				}
+			}
+			@if $color-visited {
+				&:visited {
+					color: $color-visited;
+					@if $color-hover {
+						&:hover {
+							color: $color-hover;
+						}				
+					}
+					@if $color-active {
+						&:active {
+							color: $color-active;
+						}
+					}
+				}
+			}
+		}
+	}
+	@if $mixin-states {
+		@if $color-hover {
+			.is-#{$selector}-hover {
+				color: $color-hover;
+			}
+		}
+		@if $color-active {
+			.is-#{$selector}-active {
+				color: $color-hover;
+			}
+		}
+		@if $color-visited {
+			.is-#{$selector}-visited {
+				color: $color-visited;
+				@if $color-hover {
+					&:hover {
+						@extend .is-#{$selector}-hover;
+					}				
+				}
+				@if $color-active {
+					&:active {
+						@extend .is-#{$selector}-active;
+					}
+				}
+			}
+		}
+	}
+}

data/scss/pg/helpers/mixins/_baseline.scss

@@ -0,0 +1,53 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+// Use for top and bottom margins and paddings
+// Declare like: @include vertical-rhythm(1, padding-top);
+// Uses the project's $base-line-height variable as declared in the Vertical Rhythm module settings
+@mixin vertical-rhythm($lines, $property) 
+{
+	#{$property}: rhythm($lines);
+}
+
+// Use for left and right margins and paddings
+// Declare like: @include horizontal-rhythm(1, padding-top);
+// Uses the project's $column-spacing variable as declared in the Persistent Grid module settings
+@mixin horizontal-rhythm($factor, $property) 
+{
+	#{$property}: horizontal-rhythm($factor);
+}
+
+// Mixin all four values at once
+@mixin padding($units)
+{
+	$top:    nth($units, 1);
+	$right:  nth($units, 2);
+	$bottom: nth($units, 3);
+	$left:   nth($units, 4);
+
+	$top:    if($top!=0, rhythm($top), $top);
+	$right:  if($right!=0, column-padding($right), $right);
+	$bottom: if($bottom!=0, rhythm($bottom), $bottom);
+	$left:   if($left!=0, column-padding($left), $left);
+
+	padding: $top $right $bottom $left;
+}
+
+// Mixin all four values at once
+@mixin margin($units)
+{
+	$top:    nth($units, 1);
+	$right:  nth($units, 2);
+	$bottom: nth($units, 3);
+	$left:   nth($units, 4);
+
+	$top:    if($top!=0, rhythm($top), $top);
+	$right:  if($right!=0, column-padding($right), $right);
+	$bottom: if($bottom!=0, rhythm($bottom), $bottom);
+	$left:   if($left!=0, column-padding($left), $left);
+
+	margin: $top $right $bottom $left;
+}