avalanche-rails 1.1.2 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a258aeb08cff7b0d22d067db4a09aec9a83637aa
-  data.tar.gz: 5265fd5ca017a8745ab5d8b46c8f80f7286647c7
+  metadata.gz: bf0c15f138a9430a8e527963fd53770a8230909d
+  data.tar.gz: b0cbafc180ecd37a63a5093807748f8e139cbf9e
 SHA512:
-  metadata.gz: 4036c7e04c3aee81dbdf9f1f73e3aa675c86638d91d4154d7e69ab9d1bbde6be41a8656d0f9507bc5923cfc9462e75c2a92804ff8cac810ad97133b534f1c682
-  data.tar.gz: 4abe7fab2588e5af039a455d47679f074fed1a0aa731935c124e70d3a4a176a76e39e1414df297d8dc6089bb15f7a14eed3955b4c4f844a5632ec8096ee24a8d
+  metadata.gz: ba336917f7837387eac7ff7d8dfa58e92d02008ff9a15d00346ab11a5c12f9017002f38c574fdda919b49bbfb6b2534d07114b339c31227462352a6ee9d75850
+  data.tar.gz: 88e557db69883b5eab0a2a56e5052d1d2c76c8a64097b0892d8b2b80edcd898372883115bac9364afc54ad43a67c2c9823d3cb71334526b1ae99a558e49a2122

data/README.md

@@ -7,7 +7,7 @@
 Add the following to your `Gemfile`:
 
 ```
-gem 'avalanche-rails', '~> 1.1.2'
+gem 'avalanche-rails', '~> 1.2.0'
 ```
 
 All the following to your stylesheets manifest:

data/lib/avalanche-rails/version.rb

@@ -1,5 +1,5 @@
 module AvalancheRails
   module Rails
-    VERSION = '1.1.2'
+    VERSION = '1.2.0'
   end
 end

data/vendor/assets/stylesheets/_avalanche.scss

@@ -4,8 +4,13 @@
     SETTINGS
 \*------------------------------------*/
 
-$av-namespace:  'grid' !default;  // Prefix namespace for grid layout and cells
-$av-gutter:     20px !default;    // Gutter between grid cells
+$av-namespace:              'grid' !default;      // Prefix namespace for grid layout and cells
+$av-element-name:           'cell' !default;      // Element/cell name
+$av-element-class-chain:    '__' !default;        // Chain characters between block and element
+$av-modifier-class-chain:   '--' !default;        // Chain characters between block and modifier
+$av-breakpoint-class-chain: '--' !default;        // Chain characters between width and breakpoint
+
+$av-gutter:                 20px !default;        // Gutter between grid cells
 
 $av-width-class-namespace:  '' !default;          // Prefix namespace for width classes. For example; 'col-'
 $av-width-class-style:      'fraction' !default;  // Width class naming style. Can be 'fraction', 'percentage' or 'fragment'
@@ -68,7 +73,7 @@ $av-enable-grid-rev:          false !default;
   }
 }
 
-@function avCreateClassName($style, $numerator, $denominator, $breakpoint-alias){
+@function avCreateWidthClassName($style, $numerator, $denominator, $breakpoint-alias){
 
   $class-name: null;
 
@@ -87,6 +92,23 @@ $av-enable-grid-rev:          false !default;
   @return $class-name;
 }
 
+@function avCreateBlockClassName($modifier: ''){
+  @if $modifier == '' {
+    @return #{$av-namespace};
+  }
+
+  @return #{$av-namespace}#{$av-modifier-class-chain}#{$modifier};
+}
+
+@function avCreateElementClassName($modifier: ''){
+  @if $modifier == '' {
+    @return #{$av-namespace}#{$av-element-class-chain}#{$av-element-name};
+  }
+
+  @return #{$av-namespace}#{$av-element-class-chain}#{$av-element-name}#{$av-modifier-class-chain}#{$modifier};
+
+}
+
 @mixin av-create-widths($widths, $breakpoint-alias: null){
 
   // Initialise an empty utility map that will eventually contain all our classes
@@ -99,7 +121,7 @@ $av-enable-grid-rev:          false !default;
     @if ($denominator == 1) {
 
       // Create 1/1 class
-      $class-name: avCreateClassName($av-width-class-style, 1, 1, $breakpoint-alias);
+      $class-name: avCreateWidthClassName($av-width-class-style, 1, 1, $breakpoint-alias);
       .#{$class-name}{
         width: 100%;
       }
@@ -110,7 +132,7 @@ $av-enable-grid-rev:          false !default;
       @for $numerator from 1 to $denominator{
 
         // Create class name and set width value
-        $class-name: avCreateClassName($av-width-class-style, $numerator,$denominator, $breakpoint-alias);
+        $class-name: avCreateWidthClassName($av-width-class-style, $numerator,$denominator, $breakpoint-alias);
         $width-value: percentage($numerator / $denominator);
 
         // Is this width already in our utility map?
@@ -158,7 +180,7 @@ $av-enable-grid-rev:          false !default;
     GRID LAYOUT
 \*------------------------------------*/
 
-.#{$av-namespace}{
+.#{avCreateBlockClassName()}{
   display: block;
   list-style: none;
   padding: 0;
@@ -167,23 +189,23 @@ $av-enable-grid-rev:          false !default;
   font-size: 0rem;
 }
 
-  .#{$av-namespace}__cell{
-    box-sizing: border-box;
-    display: inline-block;
-    width: 100%;
-    padding: 0;
-    padding-left: $av-gutter;
-    margin: 0;
-    vertical-align: top;
-    font-size: 1rem;
-  }
+.#{avCreateElementClassName()}{
+  box-sizing: border-box;
+  display: inline-block;
+  width: 100%;
+  padding: 0;
+  padding-left: $av-gutter;
+  margin: 0;
+  vertical-align: top;
+  font-size: 1rem;
+}
 
 @if $av-enable-grid-center{
 
-  .#{$av-namespace}--center{
+  .#{avCreateBlockClassName('center')}{
     text-align: center;
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       text-align: left;
     }
   }
@@ -191,7 +213,7 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-cell-center{
 
-  .#{$av-namespace}__cell--center{
+  .#{avCreateElementClassName('center')}{
     display: block;
     margin: 0 auto;
   }
@@ -199,10 +221,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-right{
 
-  .#{$av-namespace}--right{
+  .#{avCreateBlockClassName('right')}{
     text-align: right;
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       text-align: left;
     }
   }
@@ -210,9 +232,9 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-middle{
 
-  .#{$av-namespace}--middle{
+  .#{avCreateBlockClassName('middle')}{
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       vertical-align: middle;
     }
   }
@@ -220,9 +242,9 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-bottom{
 
-  .#{$av-namespace}--bottom{
+  .#{avCreateBlockClassName('bottom')}{
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       vertical-align: bottom;
     }
   }
@@ -230,10 +252,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-flush{
 
-  .#{$av-namespace}--flush{
+  .#{avCreateBlockClassName('flush')}{
     margin-left: 0;
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       padding-left: 0;
     }
   }
@@ -241,10 +263,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-tiny{
 
-  .#{$av-namespace}--tiny{
+  .#{avCreateBlockClassName('tiny')}{
     margin-left: -($av-gutter / 4);
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       padding-left: ($av-gutter / 4);
     }
   }
@@ -252,10 +274,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-small{
 
-  .#{$av-namespace}--small{
+  .#{avCreateBlockClassName('small')}{
     margin-left: -($av-gutter / 2);
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       padding-left: ($av-gutter / 2);
     }
   }
@@ -263,10 +285,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-large{
 
-  .#{$av-namespace}--large{
+  .#{avCreateBlockClassName('large')}{
     margin-left: -($av-gutter * 2);
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       padding-left: ($av-gutter * 2);
     }
   }
@@ -274,10 +296,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-huge{
 
-  .#{$av-namespace}--huge{
+  .#{avCreateBlockClassName('huge')}{
     margin-left: -($av-gutter * 4);
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       padding-left: ($av-gutter * 4);
     }
   }
@@ -285,9 +307,9 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-auto{
 
-  .#{$av-namespace}--auto{
+  .#{avCreateBlockClassName('auto')}{
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       width: auto;
     }
   }
@@ -295,10 +317,10 @@ $av-enable-grid-rev:          false !default;
 
 @if $av-enable-grid-rev{
 
-  .#{$av-namespace}--rev{
+  .#{avCreateBlockClassName('rev')}{
     direction: rtl;
 
-    > .#{$av-namespace}__cell{
+    > .#{avCreateElementClassName()}{
       direction: ltr;
     }
   }
@@ -322,7 +344,7 @@ $av-enable-grid-rev:          false !default;
 
     // Create each media query
     @media #{$query}{
-      @include av-create-widths($av-widths, --#{$alias});
+      @include av-create-widths($av-widths, #{$av-breakpoint-class-chain}#{$alias});
     }
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: avalanche-rails
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.2.0
 platform: ruby
 authors:
 - Curt Howard
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-07-22 00:00:00.000000000 Z
+date: 2016-11-29 00:00:00.000000000 Z
 dependencies: []
 description: A build of the jQuery LiveType Plugin, written by written by Tobal San,
   packaged for the Rails asset pipeline.