singularitygs 0.0.16 → 0.0.17

data/stylesheets/singularitygs/helpers/_gridsets.scss

@@ -0,0 +1,362 @@
+//////////////////////////////
+// Find Grid
+//
+// Finds the grid that you are on
+//////////////////////////////
+@function find-grid($user-columns: false) {
+  $length: length($grids);
+  
+  @if $user-columns != false {
+    @return $user-columns;
+  }
+  @else if $length > 0 {
+    $query-min: breakpoint-get-context('min-width');
+    $query-max: breakpoint-get-context('max-width');
+
+    @if $query-min {
+      $query-min: breakpoint-to-base-em($query-min);
+    }
+    @if $query-max {
+      $query-max: breakpoint-to-base-em($query-max);
+    }
+    
+    $ghr: () !default;
+    
+    @if $query-min or $query-max {
+      @for $j from 2 through $length {
+        $ghr: append($ghr, nth($grids, $j), comma);
+      }
+      
+      $ghr: reverse($ghr);
+      
+      $holder-length: length($ghr);
+      
+      @for $i from 1 through $holder-length {
+        $gridholder: nth($ghr, $i);
+
+        $grid-columns: nth($gridholder, 1);
+        $grid-query: nth($gridholder, 2);
+
+        $grid-query: breakpoint-to-base-em($grid-query);
+
+        @if length($gridholder) < 2 {
+          @warn 'Grid #{$gridholder} needs a breakpoint value!';
+        }
+        @else if $grids-mobile-first {
+          @if $query-min and not $query-max {
+            @if $query-min and $query-max {
+              @if $query-min >= $grid-query and $query-max < $grid-query {
+                @return $grid-columns;
+              }
+            }
+            @else if $query-min >= $grid-query {
+              @return $grid-columns;
+            }
+          }
+          @else {
+            @if $query-max < $grid-query {
+              @return $grid-columns;
+            }
+          }
+        }
+        @else {
+          @if $query-min and $query-max {
+            @if $query-min > $grid-query and $query-max <= $grid-query {
+              @return $grid-columns;
+            }
+          }
+          @else if $query-min and not $query-max {
+            @if $query-min > $grid-query {
+              @return $grid-columns;
+            }
+          }
+          @else {
+            @if $query-max <= $grid-query {
+              @return $grid-columns;
+            }
+          }
+        }
+      }
+    }
+    @else {
+      @return nth($grids, 1);
+    }
+  }
+  @else {
+    @return $columns;
+  }
+}
+
+//////////////////////////////
+// Find Gutters
+//
+// Finds the gutter that you should be using
+//////////////////////////////
+@function find-gutter($user-gutter: false) {
+  $length: length($grids);
+  
+  @if $user-gutter != false {
+    @return $user-gutter;
+  }
+  @else if $length > 0 {
+    $query-min: breakpoint-get-context('min-width');
+    $query-max: breakpoint-get-context('max-width');
+
+    @if $query-min {
+      $query-min: breakpoint-to-base-em($query-min);
+    }
+    @if $query-max {
+      $query-max: breakpoint-to-base-em($query-max);
+    }
+    
+    $ghr: () !default;
+    $ghs: () !default;
+    $gutter-length: length($gutters);
+    
+    @if $query-min or $query-max {
+      @for $j from 2 through $length {
+        $ghr: append($ghr, nth($grids, $j), comma);
+        
+        @if $gutter-length == 0 {
+          $ghs: append($ghs, $gutter);
+        }
+        @else if $j > $gutter-length {
+          $ghs: append($ghs, nth($gutters, $gutter-length));
+        }
+        @else {
+          $ghs: append($ghs, nth($gutters, $j));
+        }
+      }
+            
+      $ghr: reverse($ghr);
+      $gthr: reverse($ghs);
+      
+      $holder-length: length($ghr);
+      
+      @for $i from 1 through $holder-length {
+        $gridholder: nth($ghr, $i);
+
+        $grid-columns: nth($gridholder, 1);
+        $grid-query: nth($gridholder, 2);
+
+        $grid-query: breakpoint-to-base-em($grid-query);
+
+        @if length($gridholder) < 2 {
+          @warn 'Grid #{$gridholder} needs a breakpoint value!';
+        }
+        @else if $grids-mobile-first {
+          @if $query-min and not $query-max {
+            @if $query-min and $query-max {
+              @if $query-min >= $grid-query and $query-max < $grid-query {
+                @if $gutter-length > 0 {
+                  @return nth($gthr, $i);
+                }
+                @else {
+                  @return $gutter;
+                }
+              }
+            }
+            @else if $query-min >= $grid-query {
+              @if $gutter-length > 0 {
+                @return nth($gthr, $i);
+              }
+              @else {
+                @return $gutter;
+              }
+            }
+          }
+          @else {
+            @if $query-max < $grid-query {
+              @if $gutter-length > 0 {
+                @return nth($gthr, $i);
+              }
+              @else {
+                @return $gutter;
+              }
+            }
+          }
+        }
+        @else {
+          @if $query-min and $query-max {
+            @if $query-min > $grid-query and $query-max <= $grid-query {
+              @if $gutter-length > 0 {
+                @return nth($gthr, $i);
+              }
+              @else {
+                @return $gutter;
+              }
+            }
+          }
+          @else if $query-min and not $query-max {
+            @if $query-min > $grid-query {
+              @if $gutter-length > 0 {
+                $gutter-span: nth($gthr, $i);
+              }
+              @else {
+                $gutter-span: $gutter;
+              }
+            }
+          }
+          @else {
+            @if $query-max <= $grid-query {
+              @if $gutter-length > 0 {
+                $gutter-span: nth($gthr, $i);
+              }
+              @else {
+                $gutter-span: $gutter;
+              }
+            }
+          }
+        }
+      }
+    }
+    @else {
+      @if length($gutters) > 0 {
+        @return nth($gutters, 1);
+      }
+      @else {
+        @return $gutter;
+      }
+    }
+  }
+  @else {
+    @return $gutter;
+  }
+}
+
+//////////////////////////////
+// Find Padding
+//
+// Finds the padding that you should be using
+//////////////////////////////
+@function find-padding($user-padding: false) {
+  $length: length($grids);
+  
+  @if $user-padding != false {
+    @return $user-padding;
+  }
+  @else if $length > 0 {
+    $query-min: breakpoint-get-context('min-width');
+    $query-max: breakpoint-get-context('max-width');
+
+    @if $query-min {
+      $query-min: breakpoint-to-base-em($query-min);
+    }
+    @if $query-max {
+      $query-max: breakpoint-to-base-em($query-max);
+    }
+    
+    $ghr: () !default;
+    $phs: () !default;
+    $padding-length: length($paddings);
+    
+    @if $query-min or $query-max {
+      @for $j from 2 through $length {
+        $ghr: append($ghr, nth($grids, $j), comma);
+        
+        @if $padding-length == 0 {
+          $phs: append($phs, $padding);
+        }
+        @else if $j > $padding-length {
+          $phs: append($phs, nth($paddings, $padding-length));
+        }
+        @else {
+          $phs: append($phs, nth($paddings, $j));
+        }
+      }
+            
+      $ghr: reverse($ghr);
+      $phr: reverse($phs);
+      
+      $holder-length: length($ghr);
+      
+      @for $i from 1 through $holder-length {
+        $gridholder: nth($ghr, $i);
+
+        $grid-columns: nth($gridholder, 1);
+        $grid-query: nth($gridholder, 2);
+
+        $grid-query: breakpoint-to-base-em($grid-query);
+
+        @if length($gridholder) < 2 {
+          @warn 'Grid #{$gridholder} needs a breakpoint value!';
+        }
+        @else if $grids-mobile-first {
+          @if $query-min and not $query-max {
+            @if $query-min and $query-max {
+              @if $query-min >= $grid-query and $query-max < $grid-query {
+                @if $padding-length > 0 {
+                  @return nth($phr, $i);
+                }
+                @else {
+                  @return $padding;
+                }
+              }
+            }
+            @else if $query-min >= $grid-query {
+              @if $padding-length > 0 {
+                @return nth($phr, $i);
+              }
+              @else {
+                @return $padding;
+              }
+            }
+          }
+          @else {
+            @if $query-max < $grid-query {
+              @if $padding-length > 0 {
+                @return nth($phr, $i);
+              }
+              @else {
+                @return $padding;
+              }
+            }
+          }
+        }
+        @else {
+          @if $query-min and $query-max {
+            @if $query-min > $grid-query and $query-max <= $grid-query {
+              @if $padding-length > 0 {
+                @return nth($phr, $i);
+              }
+              @else {
+                @return $padding;
+              }
+            }
+          }
+          @else if $query-min and not $query-max {
+            @if $query-min > $grid-query {
+              @if $padding-length > 0 {
+                $padding-span: nth($phr, $i);
+              }
+              @else {
+                $padding-span: $padding;
+              }
+            }
+          }
+          @else {
+            @if $query-max <= $grid-query {
+              @if $padding-length > 0 {
+                $padding-span: nth($phr, $i);
+              }
+              @else {
+                $padding-span: $padding;
+              }
+            }
+          }
+        }
+      }
+    }
+    @else {
+      @if length($paddings) > 0 {
+        @return nth($paddings, 1);
+      }
+      @else {
+        @return $padding;
+      }
+    }
+  }
+  @else {
+    @return $padding;
+  }
+}

data/stylesheets/singularitygs/helpers/_lists.scss

@@ -0,0 +1,29 @@
+// Calculate the total sum of a list (context)
+@function list-sum($list) {
+  // zero out the initial sum
+  $sum: 0;
+  // loop through each value in the list adding it to $list-sum
+  @for $i from 1 through length($list) {
+    $sum: $sum + nth(nth($list, $i), 1);
+  }
+  @return nth($sum, 1);
+}
+
+// Repeat a list
+@function repeat($count, $repeat) {
+  $list: $repeat;
+  @for $i from 2 through $count {
+    $list: join($repeat, $list);
+  }
+  @return $list;
+}
+
+// Reverses direction of a list
+@function reverse($list) {
+  $length: length($list);
+  $return: ();
+  @for $i from 0 to $length {
+    $return: append($return, nth($list, $length - $i), comma);
+  }
+  @return $return;
+}

data/stylesheets/singularitygs/mixins/_base-font-size.scss

@@ -0,0 +1,63 @@
+//////////////////////////////
+// Base Font Size in HTML tag
+// NOT DONE YET!
+//////////////////////////////
+@mixin base-font-sizing($bfs: $base-font-size) {
+  $bfs-length: length($base-font-size);
+  $query: 'min-width';
+  @if $grids-mobile-first == false {
+    $query: 'max-width';
+  }
+
+  html {
+    font-size: nth($bfs, 1);
+
+    @if $bfs-length > 1 {
+      @for $i from 2 through $bfs-length {
+        @include breakpoint((nth(nth($bfs, $i), 2) $query)) {
+          font-size: nth(nth($bfs, $i), 1);
+        }
+      }
+    }
+  }
+}
+
+////////////////////////////////
+//// Find Base Font Size
+////////////////////////////////
+@function bfs-finder($query) {
+  $context: breakpoint-get-context($query);
+  $reverse: reverse($base-font-size);
+
+  @if $grids-mobile-first == false {
+    $query: 'max-width';
+  }
+
+  @if $query == "min-width" and $context != false {
+    @each $size in $reverse {
+      @if length($size) == 2 {
+        @if nth($size, 2) < $context {
+          @return nth($size, 1);
+        }
+      }
+      @else {
+        @return nth($base-font-size, 1);
+      }
+    }
+  }
+  @else if $query == "max-width" and $context != false {
+    @each $size in $reverse {
+      @if length($size) == 2 {
+        @if nth($size, 2) > $context {
+          @return nth($size, 1);
+        }
+      }
+      @else {
+        @return nth($base-font-size, 1);
+      }
+    }
+  }
+  @else {
+    @return nth($base-font-size, 1);
+  }
+}

data/stylesheets/singularitygs/mixins/_container.scss

@@ -0,0 +1,63 @@
+@mixin container($max-width: $container, $bfs: $base-font-size) {
+  $bfs-length: length($bfs);
+  $bfs-counter: 1;
+
+  @if length($containers) != 0 {
+    $query: 'min-width';
+    @if $grids-mobile-first == false {
+      $query: 'max-width';
+    }
+
+    $total: length($containers);
+
+    @if $total > 1 {
+      @for $i from 2 through $total {
+
+        @include breakpoint((nth(nth($containers, $i), 2) $query)) {
+          $bfs-holder: bfs-finder($query);
+          @if unit(nth(nth($containers, $i), 1)) != '%' and $container-to-ems == true {
+            max-width: base-conversion(nth(nth($containers, $i), 1)) / base-conversion($bfs-holder) * 1em;;
+          }
+          @else {
+            max-width: nth(nth($containers, $i), 1);
+          }
+        }
+      }
+    }
+    @if unit(nth($containers, 1)) != '%' {
+      max-width: breakpoint-to-base-em(nth($containers, 1), nth($bfs, 1));
+    }
+    @else {
+      max-width: nth($containers, 1);
+    }
+  }
+  @else {
+    @if unit($max-width) != '%' and $container-to-ems == true {
+      max-width: base-conversion($max-width) / base-conversion($bfs) * 1em;
+    }
+    @else {
+      max-width: $max-width;
+    }
+  }
+
+  // Border box and clearfix
+  @include box-sizing(border-box);
+  *behavior: url('../behaviors/box-sizing/boxsizing.php');
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+
+  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
+    /* for IE 6/7 */
+    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
+  }
+  /* non-JS fallback */
+  *zoom: 1;
+}

data/stylesheets/singularitygs/mixins/_grid-build.scss

@@ -0,0 +1,16 @@
+@mixin grid-build($span, $location, $columns, $gutter, $padding, $output) {
+  
+  
+  @if $output == 'isolation' {
+    @include isolation-structure($span, $location, $columns, $gutter, $padding);
+  }
+  @else if $output == 'float' {
+    @include float-structure($span, $location, $columns, $gutter, $padding);
+  }
+  
+  // bump up the counter
+  $grid-counter: $location + $span;
+  @if $grid-counter > column-count($columns) {
+    $grid-counter: 1;
+  }
+}

data/stylesheets/singularitygs/mixins/_grid-objects.scss

@@ -0,0 +1,26 @@
+// This writes classes, IDs, or silent objects for you to extend or use in your HTML. They can be written to different breakpoints to extend or call into your HTML as needed.
+@mixin grid-objects($prefix: a, $columns: $columns, $gutter: $gutter, $padding: $padding, $selector: "%") {
+  
+  $grouped-styles: true;
+  
+  // counter keeps track of the starting position
+  $count: 0;
+  %#{$prefix}column {
+    @include structure-common($columns, $gutter, $padding, true);
+  }
+
+
+  // This function now labels object prefix+span.location
+  @for $i from 1 through column-count($columns) {
+    @for $n from 1 through (column-count($columns) - $count) {
+      #{$selector}#{$prefix}#{$n}-#{$count + 1} {
+
+        @extend %#{$prefix}column;
+        
+        @include structure-section($n, $count + 1, $columns, $gutter, $padding, true);
+      }
+    }
+
+    $count: $count + 1;
+  }
+}

data/stylesheets/singularitygs/mixins/_grid-padding.scss

@@ -0,0 +1,8 @@
+// Add padding to an object on the grid.
+@mixin grid-padding($padding) {
+  @if $padding != 0 {
+    padding: 0 $padding;
+    @include box-sizing(border-box);
+    *behavior: url('../behaviors/box-sizing/boxsizing.php');
+  }
+}

data/stylesheets/singularitygs/mixins/_grid-span.scss

@@ -0,0 +1,9 @@
+// Converted old Gridset into Grid Span.
+@mixin grid-span($span, $location, $columns: false, $gutter-span: false, $padding-span: false, $output: $output) {
+  
+  $columns: find-grid($columns);
+  $gutter-span: find-gutter($gutter-span);
+  $padding-span: find-padding($padding-span);
+  
+  @include grid-build($span, $location, $columns, $gutter-span, $padding-span, $output);
+}

data/stylesheets/singularitygs/mixins/_push-pull.scss

@@ -0,0 +1,41 @@
+//////////////////////////////
+// Mixins to push/pull along the grid
+//////////////////////////////
+
+// Push
+@mixin push($span, $location, $grid: false, $gutter: false) {
+  $columns: find-grid($grid);
+  $gutter: find-gutter($gutter);
+  
+  @if $dir == ltr or $dir == both {
+    margin-left: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
+  }
+  @else if $dir == rtl {
+    margin-right: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
+  }
+  
+  @if $dir == both {
+    #{$rtl-selector} & {
+      margin-right: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
+    }
+  }
+}
+
+// Pull
+@mixin pull($span, $location, $grid: false, $gutter: false) {
+  $columns: find-grid($grid);
+  $gutter: find-gutter($gutter);
+  
+  @if $dir == ltr or $dir == both {
+    margin-left: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
+  }
+  @else if $dir == rtl {
+    margin-right: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
+  }
+  
+  @if $dir == both {
+    #{$rtl-selector} & {
+      margin-right: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
+    }
+  }
+}

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 0
-  - 16
-  version: 0.0.16
+  - 17
+  version: 0.0.17
 platform: ruby
 authors: 
 - Scott Kellum
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-10-28 00:00:00 -04:00
+date: 2012-11-05 00:00:00 -08:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -90,19 +90,29 @@ files:
 - stylesheets/singularitygs/_background-grid.scss
 - stylesheets/singularitygs/_column.scss
 - stylesheets/singularitygs/_grid-plugins.scss
-- stylesheets/singularitygs/_grid-structure.scss
 - stylesheets/singularitygs/_grid-test.scss
 - stylesheets/singularitygs/_grid.scss
-- stylesheets/singularitygs/_gridsets.scss
 - stylesheets/singularitygs/_gutter.scss
 - stylesheets/singularitygs/_helpers.scss
 - stylesheets/singularitygs/_mixins.scss
 - stylesheets/singularitygs/grid-plugins/_compound.scss
 - stylesheets/singularitygs/grid-plugins/_ratio-spiral.scss
 - stylesheets/singularitygs/grid-plugins/_ratio.scss
-- stylesheets/singularitygs/grid-structure/_structure-display-table.scss
-- stylesheets/singularitygs/grid-structure/_structure-float.scss
-- stylesheets/singularitygs/grid-structure/_structure-grid-layout.scss
+- stylesheets/singularitygs/grid-structure/_display-table.scss
+- stylesheets/singularitygs/grid-structure/_flexbox.scss
+- stylesheets/singularitygs/grid-structure/_float.scss
+- stylesheets/singularitygs/grid-structure/_grid-layout.scss
+- stylesheets/singularitygs/grid-structure/_isolation.scss
+- stylesheets/singularitygs/helpers/_grids.scss
+- stylesheets/singularitygs/helpers/_gridsets.scss
+- stylesheets/singularitygs/helpers/_lists.scss
+- stylesheets/singularitygs/mixins/_base-font-size.scss
+- stylesheets/singularitygs/mixins/_container.scss
+- stylesheets/singularitygs/mixins/_grid-build.scss
+- stylesheets/singularitygs/mixins/_grid-objects.scss
+- stylesheets/singularitygs/mixins/_grid-padding.scss
+- stylesheets/singularitygs/mixins/_grid-span.scss
+- stylesheets/singularitygs/mixins/_push-pull.scss
 - templates/project/behaviors/box-sizing/boxsizing.htc
 - templates/project/behaviors/box-sizing/boxsizing.php
 - templates/project/manifest.rb

data/stylesheets/singularitygs/_grid-structure.scss

@@ -1,3 +0,0 @@
-@import "grid-structure/structure-display-table";
-@import "grid-structure/structure-float";
-@import "grid-structure/structure-grid-layout";