grip-grid-rails 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 226617c4c7cab1c665baf34c768372673ee6959f
-  data.tar.gz: b77261174b7d2ca660ce2080a750211344c30f26
+  metadata.gz: 385352d1b2aada07fc9437646043174eaff6698e
+  data.tar.gz: cfaf4bc5c0f221b0aa5f0635643ec76ba6a87657
 SHA512:
-  metadata.gz: b7665cf7b5fa5aed6b8370bb4d402c1bec0bb4eae145886861b7bd462ea5f52bf1d5f2ad6959c12b44734d0aa1fe5004e9f05363c68c8c91d158d6848765f613
-  data.tar.gz: 306969000b57977373d005be9d0955b8fb86e79583c697c1ca0f78b9160333be4c13ad487af1dc5bf47493df2b639c083bd240009eb7e15f594668ba80ff6db3
+  metadata.gz: b9e69497496195b70380d3271b71295a46bb1af621b0428ec83f98ddc6c54360dc24b9dec4001aa6df5c6ea6784029e95d69ccf69453cdd30c509b543858669f
+  data.tar.gz: 095c2c1be9060aa325e0a30f29ce964b272f5f91e114638f01f6107b915ab831c588d62190380ba7cc46ec1328b0f667bbb5450d810c770fc3247cb8257a6b4b

data/lib/grip-grid-rails/version.rb

@@ -1,5 +1,5 @@
 module GripGridRails
   module Rails
-    VERSION = '0.1.1'
+    VERSION = '0.2.0'
   end
 end

data/vendor/assets/stylesheets/_grip.scss

@@ -15,9 +15,9 @@
 // 6. responsive breakpoints. Modify as needed.
 //
 $grip-namespace:  'grid' !default;  // [1]
-$grip-gutter:     20px !default;    // [2]
+$grip-gutter:     16px !default;    // [2]
 
-$grip-width-class-style:  'fraction' !default;  // [3]
+$grip-width-class-style:  'percentage' !default;  // [3]
 $grip-widths:             (2, 3, 4) !default;   // [4]
 
 $grip-enable-responsive:  true !default;  // [5]
@@ -31,17 +31,17 @@ $grip-breakpoints: (
 //
 // Toggleable grid layout modifiers.
 //
-$grip-enable-grid-center:       false !default;
-$grip-enable-grid-right:        false !default;
-$grip-enable-grid-middle:       false !default;
-$grip-enable-grid-bottom:       false !default;
-$grip-enable-grid-flush:        false !default;
-$grip-enable-grid-tiny:         false !default;
-$grip-enable-grid-small:        false !default;
-$grip-enable-grid-large:        false !default;
-$grip-enable-grid-huge:         false !default;
-$grip-enable-grid-auto:         false !default;
-$grip-enable-grid-rev:          false !default;
+$grip-enable-grid-center:   false !default;
+$grip-enable-grid-right:    false !default;
+$grip-enable-grid-middle:   false !default;
+$grip-enable-grid-bottom:   false !default;
+$grip-enable-grid-flush:    false !default;
+$grip-enable-grid-tiny:     false !default;
+$grip-enable-grid-small:    false !default;
+$grip-enable-grid-large:    false !default;
+$grip-enable-grid-huge:     false !default;
+$grip-enable-grid-auto:     false !default;
+$grip-enable-grid-reverse:  false !default;
 
 
 //
@@ -49,6 +49,9 @@ $grip-enable-grid-rev:          false !default;
 //
 $grip-enable-grid-cell-center:  false !default;
 
+$grip-enable-grid-cell-content-center:  false !default;
+$grip-enable-grid-cell-content-right:   false !default;
+
 
 
 
@@ -233,27 +236,27 @@ $grip-enable-grid-cell-center:  false !default;
 
 @if ($grip-enable-grid-tiny) {
     .#{$grip-namespace}--tiny {
-        margin-left: -($grip-gutter / 4);
+        margin-left: round($grip-gutter / 4) * -1;
 
         > .#{$grip-namespace}__cell {
-            padding-left: ($grip-gutter / 4);
+            padding-left: round($grip-gutter / 4);
         }
     }
 }
 
 @if ($grip-enable-grid-small) {
     .#{$grip-namespace}--small {
-        margin-left: -($grip-gutter / 2);
+        margin-left: round($grip-gutter / 2) * -1;
 
         > .#{$grip-namespace}__cell {
-            padding-left: ($grip-gutter / 2);
+            padding-left: round($grip-gutter / 2);
         }
     }
 }
 
 @if ($grip-enable-grid-large) {
     .#{$grip-namespace}--large {
-        margin-left: -($grip-gutter * 2);
+        margin-left: ($grip-gutter * 2) * -1;
 
         > .#{$grip-namespace}__cell {
             padding-left: ($grip-gutter * 2);
@@ -263,7 +266,7 @@ $grip-enable-grid-cell-center:  false !default;
 
 @if ($grip-enable-grid-huge) {
     .#{$grip-namespace}--huge {
-        margin-left: -($grip-gutter * 4);
+        margin-left: ($grip-gutter * 4) * -1;
 
         > .#{$grip-namespace}__cell {
             padding-left: ($grip-gutter * 4);
@@ -279,8 +282,8 @@ $grip-enable-grid-cell-center:  false !default;
     }
 }
 
-@if ($grip-enable-grid-rev) {
-    .#{$grip-namespace}--rev {
+@if ($grip-enable-grid-reverse) {
+    .#{$grip-namespace}--reverse {
         direction: rtl;
 
         > .#{$grip-namespace}__cell {
@@ -301,23 +304,16 @@ $grip-enable-grid-cell-center:  false !default;
     }
 }
 
+@if ($grip-enable-grid-cell-content-center) {
+    .#{$grip-namespace}__cell--content-center > * {
+        display: inline-block;
+        text-align: center;
+    }
+}
 
-
-
-
-////////////////////////////////////////
-//  #GRID-WIDTHS
-////////////////////////////////////////
-//
-// 1. output default width modifiers
-// 2. if responsive flag is enabled, add responsive width modifiers
-//
-@include grip-create-widths($grip-widths); // [1]
-
-@if $grip-enable-responsive { // [2]
-    @each $alias, $query in $grip-breakpoints {
-        @media #{$query} {
-            @include grip-create-widths($grip-widths, -at-#{$alias});
-        }
+@if ($grip-enable-grid-cell-content-right) {
+    .#{$grip-namespace}__cell--content-right > * {
+        display: inline-block;
+        text-align: right;
     }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: grip-grid-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - Curt Howard
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-07-28 00:00:00.000000000 Z
+date: 2016-09-26 00:00:00.000000000 Z
 dependencies: []
 description: A build of the Grip CSS grid system, written by written by Curt Howard,
   packaged for the Rails asset pipeline.