grids_lite 1.0.0 → 1.0.1

data/app/assets/stylesheets/grids_lite/col-3.scss

@@ -0,0 +1,34 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-3-3 {
+  @include percentage(3, 3);
+}
+.col-2-3 {
+  @include percentage(2, 3);
+}
+.col-1-3 {
+  @include percentage(1, 3);
+}
+@media only screen and (min-width: $med-width) {
+  .col-3-3-med {
+    @include percentage(3, 3);
+  }
+  .col-2-3-med {
+    @include percentage(2, 3);
+  }
+  .col-1-3-med {
+    @include percentage(1, 3);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-3-3-lrg {
+    @include percentage(3, 3);
+  }
+  .col-2-3-lrg {
+    @include percentage(2, 3);
+  }
+  .col-1-3-lrg {
+    @include percentage(1, 3);
+  }
+}

data/app/assets/stylesheets/grids_lite/col-4.scss

@@ -0,0 +1,43 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-4-4 {
+  @include percentage(4, 4);
+}
+.col-3-4 {
+  @include percentage(3, 4);
+}
+.col-2-4 {
+  @include percentage(2, 4);
+}
+.col-1-4 {
+  @include percentage(1, 4);
+}
+@media only screen and (min-width: $med-width) {
+  .col-4-4-med {
+    @include percentage(4, 4);
+  }
+  .col-3-4-med {
+    @include percentage(3, 4);
+  }
+  .col-2-4-med {
+    @include percentage(2, 4);
+  }
+  .col-1-4-med {
+    @include percentage(1, 4);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-4-4-lrg {
+    @include percentage(4, 4);
+  }
+  .col-3-4-lrg {
+    @include percentage(3, 4);
+  }
+  .col-2-4-lrg {
+    @include percentage(2, 4);
+  }
+  .col-1-4-lrg {
+    @include percentage(1, 4);
+  }
+}

data/app/assets/stylesheets/grids_lite/col-5.scss

@@ -0,0 +1,52 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-5-5 {
+  @include percentage(5, 5);
+}
+.col-4-5 {
+  @include percentage(4, 5);
+}
+.col-3-5 {
+  @include percentage(3, 5);
+}
+.col-2-5 {
+  @include percentage(2, 5);
+}
+.col-1-5 {
+  @include percentage(1, 5);
+}
+@media only screen and (min-width: $med-width) {
+  .col-5-5-med {
+    @include percentage(5, 5);
+  }
+  .col-4-5-med {
+    @include percentage(4, 5);
+  }
+  .col-3-5-med {
+    @include percentage(3, 5);
+  }
+  .col-2-5-med {
+    @include percentage(2, 5);
+  }
+  .col-1-5-med {
+    @include percentage(1, 5);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-5-5-lrg {
+    @include percentage(5, 5);
+  }
+  .col-4-5-lrg {
+    @include percentage(4, 5);
+  }
+  .col-3-5-lrg {
+    @include percentage(3, 5);
+  }
+  .col-2-5-lrg {
+    @include percentage(2, 5);
+  }
+  .col-1-5-lrg {
+    @include percentage(1, 5);
+  }
+}

data/app/assets/stylesheets/grids_lite/col-6.scss

@@ -0,0 +1,61 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-6-6 {
+  @include percentage(6, 6);
+}
+.col-5-6 {
+  @include percentage(5, 6);
+}
+.col-4-6 {
+  @include percentage(4, 6);
+}
+.col-3-6 {
+  @include percentage(3, 6);
+}
+.col-2-6 {
+  @include percentage(2, 6);
+}
+.col-1-6 {
+  @include percentage(1, 6);
+}
+@media only screen and (min-width: $med-width) {
+  .col-6-6-med {
+    @include percentage(6, 6);
+  }
+  .col-5-6-med {
+    @include percentage(5, 6);
+  }
+  .col-4-6-med {
+    @include percentage(4, 6);
+  }
+  .col-3-6-med {
+    @include percentage(3, 6);
+  }
+  .col-2-6-med {
+    @include percentage(2, 6);
+  }
+  .col-1-6-med {
+    @include percentage(1, 6);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-6-6-lrg {
+    @include percentage(6, 6);
+  }
+  .col-5-6-lrg {
+    @include percentage(5, 6);
+  }
+  .col-4-6-lrg {
+    @include percentage(4, 6);
+  }
+  .col-3-6-lrg {
+    @include percentage(3, 6);
+  }
+  .col-2-6-lrg {
+    @include percentage(2, 6);
+  }
+  .col-1-6-lrg {
+    @include percentage(1, 6);
+  }
+}

data/app/assets/stylesheets/grids_lite/col-7.scss

@@ -0,0 +1,70 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-7-7 {
+  @include percentage(7, 7);
+}
+.col-6-7 {
+  @include percentage(6, 7);
+}
+.col-5-7 {
+  @include percentage(5, 7);
+}
+.col-4-7 {
+  @include percentage(4, 7);
+}
+.col-3-7 {
+  @include percentage(3, 7);
+}
+.col-2-7 {
+  @include percentage(2, 7);
+}
+.col-1-7 {
+  @include percentage(1, 7);
+}
+@media only screen and (min-width: $med-width) {
+  .col-7-7-med {
+    @include percentage(7, 7);
+  }
+  .col-6-7-med {
+    @include percentage(6, 7);
+  }
+  .col-5-7-med {
+    @include percentage(5, 7);
+  }
+  .col-4-7-med {
+    @include percentage(4, 7);
+  }
+  .col-3-7-med {
+    @include percentage(3, 7);
+  }
+  .col-2-7-med {
+    @include percentage(2, 7);
+  }
+  .col-1-7-med {
+    @include percentage(1, 7);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-7-7-lrg {
+    @include percentage(7, 7);
+  }
+  .col-6-7-lrg {
+    @include percentage(6, 7);
+  }
+  .col-5-7-lrg {
+    @include percentage(5, 7);
+  }
+  .col-4-7-lrg {
+    @include percentage(4, 7);
+  }
+  .col-3-7-lrg {
+    @include percentage(3, 7);
+  }
+  .col-2-7-lrg {
+    @include percentage(2, 7);
+  }
+  .col-1-7-lrg {
+    @include percentage(1, 7);
+  }
+}

data/app/assets/stylesheets/grids_lite/col-8.scss

@@ -0,0 +1,79 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-8-8 {
+  @include percentage(8, 8);
+}
+.col-7-8 {
+  @include percentage(7, 8);
+}
+.col-6-8 {
+  @include percentage(6, 8);
+}
+.col-5-8 {
+  @include percentage(5, 8);
+}
+.col-4-8 {
+  @include percentage(4, 8);
+}
+.col-3-8 {
+  @include percentage(3, 8);
+}
+.col-2-8 {
+  @include percentage(2, 8);
+}
+.col-1-8 {
+  @include percentage(1, 8);
+}
+@media only screen and (min-width: $med-width) {
+  .col-8-8-med {
+    @include percentage(8, 8);
+  }
+  .col-7-8-med {
+    @include percentage(7, 8);
+  }
+  .col-6-8-med {
+    @include percentage(6, 8);
+  }
+  .col-5-8-med {
+    @include percentage(5, 8);
+  }
+  .col-4-8-med {
+    @include percentage(4, 8);
+  }
+  .col-3-8-med {
+    @include percentage(3, 8);
+  }
+  .col-2-8-med {
+    @include percentage(2, 8);
+  }
+  .col-1-8-med {
+    @include percentage(1, 8);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-8-8-lrg {
+    @include percentage(8, 8);
+  }
+  .col-7-8-lrg {
+    @include percentage(7, 8);
+  }
+  .col-6-8-lrg {
+    @include percentage(6, 8);
+  }
+  .col-5-8-lrg {
+    @include percentage(5, 8);
+  }
+  .col-4-8-lrg {
+    @include percentage(4, 8);
+  }
+  .col-3-8-lrg {
+    @include percentage(3, 8);
+  }
+  .col-2-8-lrg {
+    @include percentage(2, 8);
+  }
+  .col-1-8-lrg {
+    @include percentage(1, 8);
+  }
+}

data/app/assets/stylesheets/grids_lite/col-9.scss

@@ -0,0 +1,88 @@
+@import "grids_lite_variables";
+@import "mixins";
+
+.col-9-9 {
+  @include percentage(9, 9);
+}
+.col-8-9 {
+  @include percentage(8, 9);
+}
+.col-7-9 {
+  @include percentage(7, 9);
+}
+.col-6-9 {
+  @include percentage(6, 9);
+}
+.col-5-9 {
+  @include percentage(5, 9);
+}
+.col-4-9 {
+  @include percentage(4, 9);
+}
+.col-3-9 {
+  @include percentage(3, 9);
+}
+.col-2-9 {
+  @include percentage(2, 9);
+}
+.col-1-9 {
+  @include percentage(1, 9);
+}
+@media only screen and (min-width: $med-width) {
+  .col-9-9-med {
+    @include percentage(9, 9);
+  }
+  .col-8-9-med {
+    @include percentage(8, 9);
+  }
+  .col-7-9-med {
+    @include percentage(7, 9);
+  }
+  .col-6-9-med {
+    @include percentage(6, 9);
+  }
+  .col-5-9-med {
+    @include percentage(5, 9);
+  }
+  .col-4-9-med {
+    @include percentage(4, 9);
+  }
+  .col-3-9-med {
+    @include percentage(3, 9);
+  }
+  .col-2-9-med {
+    @include percentage(2, 9);
+  }
+  .col-1-9-med {
+    @include percentage(1, 9);
+  }
+}
+@media only screen and (min-width: $lrg-width) {
+  .col-9-9-lrg {
+    @include percentage(9, 9);
+  }
+  .col-8-9-lrg {
+    @include percentage(8, 9);
+  }
+  .col-7-9-lrg {
+    @include percentage(7, 9);
+  }
+  .col-6-9-lrg {
+    @include percentage(6, 9);
+  }
+  .col-5-9-lrg {
+    @include percentage(5, 9);
+  }
+  .col-4-9-lrg {
+    @include percentage(4, 9);
+  }
+  .col-3-9-lrg {
+    @include percentage(3, 9);
+  }
+  .col-2-9-lrg {
+    @include percentage(2, 9);
+  }
+  .col-1-9-lrg {
+    @include percentage(1, 9);
+  }
+}

data/app/assets/stylesheets/grids_lite/mixins.scss

@@ -0,0 +1,3 @@
+@mixin percentage($target, $context) {
+  width: (($target/$context)*100%);
+}

data/grids_lite.gemspec

@@ -26,4 +26,5 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "rspec-rails"
   spec.add_development_dependency "capybara", "> 2.3.0"
   spec.add_development_dependency "capybara-webkit", "~> 1.1.0"
+  spec.add_development_dependency "generator_spec"
 end

data/lib/generators/grids_lite_generator.rb

@@ -0,0 +1,10 @@
+class GridsLiteGenerator < Rails::Generators::Base
+  source_root File.expand_path('../templates', __FILE__)
+  argument :arg, type: :string
+
+  def copy_variables_file
+    if arg == "variables"
+      copy_file "variables.scss", "app/assets/stylesheets/grids_lite_variables.scss"
+    end
+  end
+end

data/lib/generators/templates/variables.scss

@@ -0,0 +1,3 @@
+$med-width: 768px;
+$lrg-width: 1024px;
+$gutter-width: 20px;

data/lib/grids_lite/version.rb

@@ -1,3 +1,3 @@
 module GridsLite
-  VERSION = "1.0.0"
+  VERSION = "1.0.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: grids_lite
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
 platform: ruby
 authors:
 - Miles Stanfield
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-01-10 00:00:00.000000000 Z
+date: 2016-01-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -94,6 +94,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 1.1.0
+- !ruby/object:Gem::Dependency
+  name: generator_spec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: 
 email:
 - milesstanfield@gmail.com
@@ -109,18 +123,27 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/stylesheets/grids_lite/base.css
-- app/assets/stylesheets/grids_lite/col-1.css
-- app/assets/stylesheets/grids_lite/col-2.css
-- app/assets/stylesheets/grids_lite/col-3.css
-- app/assets/stylesheets/grids_lite/col-4.css
-- app/assets/stylesheets/grids_lite/col-5.css
-- app/assets/stylesheets/grids_lite/col-6.css
-- app/assets/stylesheets/grids_lite/col-7.css
-- app/assets/stylesheets/grids_lite/col-8.css
+- app/assets/stylesheets/grids_lite/base.scss
+- app/assets/stylesheets/grids_lite/col-1.scss
+- app/assets/stylesheets/grids_lite/col-10.scss
+- app/assets/stylesheets/grids_lite/col-11.scss
+- app/assets/stylesheets/grids_lite/col-12.scss
+- app/assets/stylesheets/grids_lite/col-13.scss
+- app/assets/stylesheets/grids_lite/col-14.scss
+- app/assets/stylesheets/grids_lite/col-2.scss
+- app/assets/stylesheets/grids_lite/col-3.scss
+- app/assets/stylesheets/grids_lite/col-4.scss
+- app/assets/stylesheets/grids_lite/col-5.scss
+- app/assets/stylesheets/grids_lite/col-6.scss
+- app/assets/stylesheets/grids_lite/col-7.scss
+- app/assets/stylesheets/grids_lite/col-8.scss
+- app/assets/stylesheets/grids_lite/col-9.scss
+- app/assets/stylesheets/grids_lite/mixins.scss
 - bin/console
 - bin/setup
 - grids_lite.gemspec
+- lib/generators/grids_lite_generator.rb
+- lib/generators/templates/variables.scss
 - lib/grids_lite.rb
 - lib/grids_lite/engine.rb
 - lib/grids_lite/version.rb

data/app/assets/stylesheets/grids_lite/col-2.css

@@ -1,22 +0,0 @@
-.col-2-2 {
-  width: 100%;
-}
-.col-1-2 {
-  width: 50%;
-}
-@media only screen and (min-width: 48em) {
-  .col-2-2-med {
-    width: 100%;
-  }
-  .col-1-2-med {
-    width: 50%;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .col-2-2-lrg {
-    width: 100%;
-  }
-  .col-1-2-lrg {
-    width: 50%;
-  }
-}

data/app/assets/stylesheets/grids_lite/col-3.css

@@ -1,31 +0,0 @@
-.col-3-3 {
-  width: 100%;
-}
-.col-2-3, {
-  width: 66.66666666%;
-}
-.col-1-3, {
-  width: 33.33333333%;
-}
-@media only screen and (min-width: 48em) {
-  .col-3-3-med {
-    width: 100%;
-  }
-  .col-2-3-med, {
-    width: 66.66666666%;
-  }
-  .col-1-3-med, {
-    width: 33.33333333%;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .col-3-3-lrg {
-    width: 100%;
-  }
-  .col-2-3-lrg, {
-    width: 66.66666666%;
-  }
-  .col-1-3-lrg, {
-    width: 33.33333333%;
-  }
-}

data/app/assets/stylesheets/grids_lite/col-4.css

@@ -1,40 +0,0 @@
-.col-4-4 {
-  width: 100%;
-}
-.col-3-4, {
-  width: 75%;
-}
-.col-2-4 {
-  width: 50%;
-}
-.col-1-4, {
-  width: 25%;
-}
-@media only screen and (min-width: 48em) {
-  .col-4-4-med {
-    width: 100%;
-  }
-  .col-3-4-med, {
-    width: 75%;
-  }
-  .col-2-4-med {
-    width: 50%;
-  }
-  .col-1-4-med, {
-    width: 25%;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .col-4-4-lrg {
-    width: 100%;
-  }
-  .col-3-4-lrg, {
-    width: 75%;
-  }
-  .col-2-4-lrg {
-    width: 50%;
-  }
-  .col-1-4-lrg, {
-    width: 25%;
-  }
-}

data/app/assets/stylesheets/grids_lite/col-5.css

@@ -1,49 +0,0 @@
-.col-5-5 {
-  width: 100%;
-}
-.col-4-5 {
-  width: 80%;
-}
-.col-3-5 {
-  width: 60%;
-}
-.col-2-5 {
-  width: 40%;
-}
-.col-1-5 {
-  width: 20%;
-}
-@media only screen and (min-width: 48em) {
-  .col-5-5-med {
-    width: 100%;
-  }
-  .col-4-5-med {
-    width: 80%;
-  }
-  .col-3-5-med {
-    width: 60%;
-  }
-  .col-2-5-med {
-    width: 40%;
-  }
-  .col-1-5-med {
-    width: 20%;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .col-5-5-lrg {
-    width: 100%;
-  }
-  .col-4-5-lrg {
-    width: 80%;
-  }
-  .col-3-5-lrg {
-    width: 60%;
-  }
-  .col-2-5-lrg {
-    width: 40%;
-  }
-  .col-1-5-lrg {
-    width: 20%;
-  }
-}