GIPainter-grid 0.3.2 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 22ce7a4b72050ec158374f052c3e6662187211e4
-  data.tar.gz: 53bc510833081d6244fce1b8d27183341d3a42ab
+  metadata.gz: 425e108088024c66116dad425e4694cb1406576a
+  data.tar.gz: 70b4504c4280cee5fb64e94e0c18678debaf7334
 SHA512:
-  metadata.gz: 5518970a2ebe7bec3787e096b6f79b15118263fa5296b848b7f53dcfb781090c5765a58bbd048e97af2a3d622d7cd039ba631251bbe437875325d487d06021f4
-  data.tar.gz: 01f36a357ee8e9b6c04bdc61d6ea265c3f4a147dce5e835cc9a0b711b63cc13c52bb672e480f0d2c3fb274b830b455c99ec7fa1649da5235f759059b54c1416e
+  metadata.gz: b62c1f1fa008e61e68846a860475a0465712a388b1ee53074e0838db6333792362f28cbefa03b67b4597a007c2e9e6fdd59bbaa3f202c6688954731001b9f762
+  data.tar.gz: c23a1176578ee088b6fa392ba0f71d20a4e7b3098dad11f0984d4bdc84cff4ba447f126ddfeca4214b63c8b160092f37152971c14c20a736c29619c3c099db6e

data/README.md

@@ -1,6 +1,6 @@
-# GIPainter::Helpers
+# GIPainter::grid
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/GIPainter/helpers`. To experiment with that code, run `bin/console` for an interactive prompt.
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/GIPainter-grid`. To experiment with that code, run `bin/console` for an interactive prompt.
 
 TODO: Delete this and the text above, and describe your gem
 
@@ -9,7 +9,7 @@ TODO: Delete this and the text above, and describe your gem
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'GIPainter-helpers'
+gem 'GIPainter-grid'
 ```
 
 And then execute:
@@ -18,7 +18,7 @@ And then execute:
 
 Or install it yourself as:
 
-    $ gem install GIPainter-helpers
+    $ gem install GIPainter-grid
 
 ## Usage
 
@@ -32,7 +32,7 @@ To install this gem onto your local machine, run `bundle exec rake install`. To
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/aprioul/GIPainter-helpers.
+Bug reports and pull requests are welcome on GitHub at https://github.com/aprioul/GIPainter-grid.
 
 
 ## License

data/assets/stylesheets/Base/_base.scss

@@ -1,17 +1,17 @@
-.m-grid {
-  clear: both;
-  display: block;
-
-  &__wrapper {
-    *zoom: 1;
-    &:before,
-    &:after {
-      content: " ";
-      display: table;
-      line-height: 0;
-    }
-    &:after {
-      clear: both;
-    }
-  }
+.m-grid {
+  clear: both;
+  display: block;
+
+  &__wrapper {
+    *zoom: 1;
+    &:before,
+    &:after {
+      content: " ";
+      display: table;
+      line-height: 0;
+    }
+    &:after {
+      clear: both;
+    }
+  }
 }

data/assets/stylesheets/Base/_column.scss

@@ -1,173 +1,173 @@
-[class*="o-column-"] {
-  @include flexboxgrid-sass-col-common;
-}
-
-.o-column{
-  @include box-sizing(border-box);
-  @include flexbox((display: flex, flex-direction: column));
-  @include flex(0 1 auto);
-  @include flex-wrap(wrap);
-  max-width: 100%;
-
-  &--reverse {
-    @include flex-direction(column-reverse);
-  }
-
-  &--auto{
-    @include flex-basis(auto);
-  }
-
-  @for $i from 1 through $max-grid-columns {
-    @for $j from 1 through $max-grid-columns {
-      @if $i <= $j {
-        &--size-#{$i}of#{$j} {
-          @include flex-basis(grid-size($i, $j));
-          max-width: grid-size($i, $j);
-        }
-      }
-    }
-  }
-
-  @for $i from 1 through $max-grid-columns {
-    @for $j from 1 through $max-grid-columns {
-      @if $i < $j {
-        &--offset-#{$i}of#{$j} {
-          margin-left: grid-size($i, $j);
-        }
-      }
-    }
-  }
-
-  &--no-wrap {
-    @include flex-wrap(nowrap);
-  }
-
-  &--start {
-    @include justify-content(flex-start);
-    text-align: start;
-  }
-
-  &--center {
-    @include justify-content(center);
-    text-align: center;
-  }
-
-  &--end {
-    @include justify-content(flex-end);
-    text-align: end;
-  }
-
-  &--around {
-    @include justify-content(space-around);
-  }
-
-  &--between {
-    @include justify-content(space-between);
-  }
-
-  &--top {
-    @include align-items(flex-start);
-  }
-
-  &--middle {
-    @include align-items(center);
-  }
-
-  &--bottom {
-    @include align-items(flex-end);
-  }
-
-  &--first {
-    order: -1;
-  }
-
-  &--last {
-    order: 1;
-  }
-}
-
-@each $name, $value in $default_breakpoint {
-  @include mquery($value) {
-    .o-column-#{"" + $name} {
-      @include box-sizing(border-box);
-      @include flexbox((display: flex, flex-direction: column));
-      @include flex(0 1 auto);
-      @include flex-wrap(wrap);
-      margin-right: $gutter-width;
-      margin-left: $gutter-width;
-      max-width: 100%;
-
-      &-size-auto {
-        @include flex-basis(auto);
-      }
-
-      @for $i from 1 through $max-grid-columns {
-        @for $j from 1 through $max-grid-columns {
-          @if $i <= $j {
-            &--size-#{$i}of#{$j} {
-              @include flex-basis(grid-size($i, $j));
-              max-width: grid-size($i, $j);
-            }
-          }
-        }
-      }
-
-      @for $i from 1 through $max-grid-columns {
-        @for $j from 1 through $max-grid-columns {
-          @if $i < $j {
-            &--offset-#{$i}of#{$j} {
-              margin-left: grid-size($i, $j);
-            }
-          }
-        }
-      }
-
-      &--no-wrap {
-        @include flex-wrap(nowrap);
-      }
-
-      &--start {
-        @include justify-content(flex-start);
-        text-align: start;
-      }
-
-      &--center {
-        @include justify-content(center);
-        text-align: center;
-      }
-
-      &--end {
-        @include justify-content(flex-end);
-        text-align: end;
-      }
-
-      &--around {
-        @include justify-content(space-around);
-      }
-
-      &--between {
-        @include justify-content(space-between);
-      }
-
-      &--top {
-        @include align-items(flex-start);
-      }
-
-      &--middle {
-        @include align-items(center);
-      }
-
-      &--bottom {
-        @include align-items(flex-end);
-      }
-
-      &--first {
-        order: -1;
-      }
-
-      &--last {
-        order: 1;
-      }
-    }
-  }
+[class*="o-column-"] {
+  @include flexboxgrid-sass-col-common;
+}
+
+.o-column{
+  @include box-sizing(border-box);
+  @include flexbox((display: flex, flex-direction: column));
+  @include flex(0 1 auto);
+  @include flex-wrap(wrap);
+  max-width: 100%;
+
+  &--reverse {
+    @include flex-direction(column-reverse);
+  }
+
+  &--auto{
+    @include flex-basis(auto);
+  }
+
+  @for $i from 1 through $max-grid-columns {
+    @for $j from 1 through $max-grid-columns {
+      @if $i <= $j {
+        &--size-#{$i}of#{$j} {
+          @include flex-basis(grid-size($i, $j));
+          max-width: grid-size($i, $j);
+        }
+      }
+    }
+  }
+
+  @for $i from 1 through $max-grid-columns {
+    @for $j from 1 through $max-grid-columns {
+      @if $i < $j {
+        &--offset-#{$i}of#{$j} {
+          margin-left: grid-size($i, $j);
+        }
+      }
+    }
+  }
+
+  &--no-wrap {
+    @include flex-wrap(nowrap);
+  }
+
+  &--start {
+    @include justify-content(flex-start);
+    text-align: start;
+  }
+
+  &--center {
+    @include justify-content(center);
+    text-align: center;
+  }
+
+  &--end {
+    @include justify-content(flex-end);
+    text-align: end;
+  }
+
+  &--around {
+    @include justify-content(space-around);
+  }
+
+  &--between {
+    @include justify-content(space-between);
+  }
+
+  &--top {
+    @include align-items(flex-start);
+  }
+
+  &--middle {
+    @include align-items(center);
+  }
+
+  &--bottom {
+    @include align-items(flex-end);
+  }
+
+  &--first {
+    order: -1;
+  }
+
+  &--last {
+    order: 1;
+  }
+}
+
+@each $name, $value in $default_breakpoint {
+  @include mquery($value) {
+    .o-column-#{"" + $name} {
+      @include box-sizing(border-box);
+      @include flexbox((display: flex, flex-direction: column));
+      @include flex(0 1 auto);
+      @include flex-wrap(wrap);
+      margin-right: $gutter-width;
+      margin-left: $gutter-width;
+      max-width: 100%;
+
+      &-size-auto {
+        @include flex-basis(auto);
+      }
+
+      @for $i from 1 through $max-grid-columns {
+        @for $j from 1 through $max-grid-columns {
+          @if $i <= $j {
+            &--size-#{$i}of#{$j} {
+              @include flex-basis(grid-size($i, $j));
+              max-width: grid-size($i, $j);
+            }
+          }
+        }
+      }
+
+      @for $i from 1 through $max-grid-columns {
+        @for $j from 1 through $max-grid-columns {
+          @if $i < $j {
+            &--offset-#{$i}of#{$j} {
+              margin-left: grid-size($i, $j);
+            }
+          }
+        }
+      }
+
+      &--no-wrap {
+        @include flex-wrap(nowrap);
+      }
+
+      &--start {
+        @include justify-content(flex-start);
+        text-align: start;
+      }
+
+      &--center {
+        @include justify-content(center);
+        text-align: center;
+      }
+
+      &--end {
+        @include justify-content(flex-end);
+        text-align: end;
+      }
+
+      &--around {
+        @include justify-content(space-around);
+      }
+
+      &--between {
+        @include justify-content(space-between);
+      }
+
+      &--top {
+        @include align-items(flex-start);
+      }
+
+      &--middle {
+        @include align-items(center);
+      }
+
+      &--bottom {
+        @include align-items(flex-end);
+      }
+
+      &--first {
+        order: -1;
+      }
+
+      &--last {
+        order: 1;
+      }
+    }
+  }
 }

data/assets/stylesheets/Base/_core.scss

@@ -1,3 +1,3 @@
-@import "base";
-@import "row";
+@import "base";
+@import "row";
 @import "column";

data/assets/stylesheets/Base/_row.scss

@@ -1,26 +1,26 @@
-.o-row {
-  display: block;
-  @include flexbox((display: flex, flex-direction: row));
-  @include flex(0 1 auto);
-  @include flex-wrap(wrap);
-  margin: 0 auto;
-  padding: 0 $outer-margin;
-  max-width: $grid-max-width;
-  box-sizing: border-box;
-
-  &--full {
-    max-width: 100%;
-    padding: 0;
-  }
-
-  &--reverse {
-    @include flex-direction(row-reverse);
-  }
-
-  &--no-gutter{
-    [class*="o-column-"] {
-      padding-left: 0;
-      padding-right: 0;
-    }
-  }
+.o-row {
+  display: block;
+  @include flexbox((display: flex, flex-direction: row));
+  @include flex(0 1 auto);
+  @include flex-wrap(wrap);
+  margin: 0 auto;
+  padding: 0 $outer-margin;
+  max-width: $grid-max-width;
+  box-sizing: border-box;
+
+  &--full {
+    max-width: 100%;
+    padding: 0;
+  }
+
+  &--reverse {
+    @include flex-direction(row-reverse);
+  }
+
+  &--no-gutter{
+    [class*="o-column-"] {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
 }

data/assets/stylesheets/Functions/_grid.scss

@@ -1,3 +1,3 @@
-@function grid-size($column, $size) {
-  @return ($column/$size)*100%
+@function grid-size($column, $size) {
+  @return ($column/$size)*100%
 }

data/assets/stylesheets/Mixins/_grid.scss

@@ -1,9 +1,9 @@
-@mixin flexboxgrid-sass-col-common {
-  @include box-sizing(border-box);
-
-  @include flex-grow(0);
-  @include flex-shrink(0);
-
-  padding-right: $gutter-width;
-  padding-left: $gutter-width;
+@mixin flexboxgrid-sass-col-common {
+  @include box-sizing(border-box);
+
+  @include flex-grow(0);
+  @include flex-shrink(0);
+
+  padding-right: $gutter-width;
+  padding-left: $gutter-width;
 }

data/assets/stylesheets/Variables/_grid.scss

@@ -1,27 +1,20 @@
-//-----------------------------------
-// GRID VARIABLES
-//-----------------------------------
-
-////
-/// @access public
-/// @group Grid
-/// @type String
-////
-
-/// Grid variables
-/// @prop {Number} max-grid-columns [$max-grid-columns]
-/// @prop {Length} gutter-width [$gutter-width]
-/// @prop {Length} outer-margin [$outer-margin]
-/// @prop {Length} grid-max-width [$grid-max-width]
-
-$max-grid-columns: 12 !default;
-$gutter-width: 1rem !default;
-$outer-margin: 2rem !default;
-$grid-max-width: 1200px !default;
-
-$default_breakpoint: (
-        xs: $screen-xs,
-        sm: $screen-sm,
-        md: $screen-md,
-        lg: $screen-lg
-);
+//-----------------------------------
+// GRID VARIABLES
+//-----------------------------------
+
+////
+/// @access public
+/// @group Grid
+/// @type String
+////
+
+/// Grid variables
+/// @prop {Number} max-grid-columns [$max-grid-columns]
+/// @prop {Length} gutter-width [$gutter-width]
+/// @prop {Length} outer-margin [$outer-margin]
+/// @prop {Length} grid-max-width [$grid-max-width]
+
+$max-grid-columns: 12 !default;
+$gutter-width: 1rem !default;
+$outer-margin: 2rem !default;
+$grid-max-width: 1200px !default;

data/assets/stylesheets/_GIPainter-grid.scss

@@ -1,15 +1,15 @@
-// @file
-// SCSS partials import
-// -----------------------------------------------------------------------------
-
-// COMPASS Imports
-// -----------------------------------------------------------------------------
-@import "compass";
-@import 'compass/css3';
-
-// GIPainter Variables and Mixins
-// -----------------------------------------------------------------------------
-@import "Variables/**/*";
-@import "Mixins/**/*";
-@import "Functions/**/*";
+// @file
+// SCSS partials import
+// -----------------------------------------------------------------------------
+
+// COMPASS Imports
+// -----------------------------------------------------------------------------
+@import "compass";
+@import 'compass/css3';
+
+// GIPainter Variables and Mixins
+// -----------------------------------------------------------------------------
+@import "Variables/**/*";
+@import "Mixins/**/*";
+@import "Functions/**/*";
 @import "Base/core";

data/lib/GIPainter-grid/version.rb

@@ -1,3 +1,3 @@
 module GIPainter_grid
-  VERSION       = '0.3.2'
+  VERSION       = '0.3.3'
 end

data/templates/project/manifest.rb

@@ -1,7 +1,7 @@
-stylesheet '_GIPainter-helpers.scss', :media => 'screen, projection'
-
-description "A Compass plugin for the Genious-interactive agency"
-
-help %Q{
-    See GIPainter documentation
+stylesheet '_GIPainter-helpers.scss', :media => 'screen, projection'
+
+description "A Compass plugin for the Genious-interactive agency"
+
+help %Q{
+    See GIPainter documentation
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: GIPainter-grid
 version: !ruby/object:Gem::Version
-  version: 0.3.2
+  version: 0.3.3
 platform: ruby
 authors:
 - Genious Interactive
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-22 00:00:00.000000000 Z
+date: 2017-03-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: GIPainter-base
@@ -176,7 +176,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.10
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: A compass extension | grid