gridle 2.0.46 → 2.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
 - data/lib/gridle.rb +5 -5
 - data/stylesheets/gridle/_driver-default.scss +25 -9
 - data/stylesheets/gridle/_generate-mixins.scss +13 -12
 - data/stylesheets/gridle/_init.scss +2 -2
 - metadata +2 -2
 
    
        checksums.yaml
    CHANGED
    
    | 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            ---
         
     | 
| 
       2 
2 
     | 
    
         
             
            SHA1:
         
     | 
| 
       3 
     | 
    
         
            -
              metadata.gz:  
     | 
| 
       4 
     | 
    
         
            -
              data.tar.gz:  
     | 
| 
      
 3 
     | 
    
         
            +
              metadata.gz: 650a6e2445e737a7c489523dc9fdf9bf5f124161
         
     | 
| 
      
 4 
     | 
    
         
            +
              data.tar.gz: 1fdcdeca32a45f77a577617fe77b79409fcac16e
         
     | 
| 
       5 
5 
     | 
    
         
             
            SHA512:
         
     | 
| 
       6 
     | 
    
         
            -
              metadata.gz:  
     | 
| 
       7 
     | 
    
         
            -
              data.tar.gz:  
     | 
| 
      
 6 
     | 
    
         
            +
              metadata.gz: eb6bdca31e59a7a41956938849184a8bd2c9e2b0fa4664dfcc61bab04bed7afa51788e3f359a8b4ab9b90f6e10f9f3c226c195e3e3f3370d7dd9f46eebb8f106
         
     | 
| 
      
 7 
     | 
    
         
            +
              data.tar.gz: f1681ed6790732f9d0c64441bc316fb825497a3e58b80934b60990b1b7ae929c9fe730135b9695132bc5fe5b31310f444647ab5dd206bb70445dc59e7d80ae10
         
     | 
    
        data/lib/gridle.rb
    CHANGED
    
    | 
         @@ -17,14 +17,14 @@ Compass::Frameworks.register('gridle', :path => extension_path) 
     | 
|
| 
       17 
17 
     | 
    
         
             
            #    a prerelease version
         
     | 
| 
       18 
18 
     | 
    
         
             
            #  Date is in the form of YYYY-MM-DD
         
     | 
| 
       19 
19 
     | 
    
         
             
            module Extension
         
     | 
| 
       20 
     | 
    
         
            -
              VERSION = "2.0. 
     | 
| 
       21 
     | 
    
         
            -
              DATE = "2016- 
     | 
| 
      
 20 
     | 
    
         
            +
              VERSION = "2.0.47"
         
     | 
| 
      
 21 
     | 
    
         
            +
              DATE = "2016-06-24"
         
     | 
| 
       22 
22 
     | 
    
         
             
            end
         
     | 
| 
       23 
23 
     | 
    
         | 
| 
       24 
     | 
    
         
            -
            # This is where any custom SassScript should be placed. The functions will be 
     | 
| 
      
 24 
     | 
    
         
            +
            # This is where any custom SassScript should be placed. The functions will be
         
     | 
| 
       25 
25 
     | 
    
         
             
            #  available on require of your extension without the need for users to import
         
     | 
| 
       26 
26 
     | 
    
         
             
            #  any partials. Uncomment below.
         
     | 
| 
       27 
27 
     | 
    
         | 
| 
       28 
28 
     | 
    
         
             
            # module Sass::Script::Functions
         
     | 
| 
       29 
     | 
    
         
            -
            # 
     | 
| 
       30 
     | 
    
         
            -
            # end
         
     | 
| 
      
 29 
     | 
    
         
            +
            #
         
     | 
| 
      
 30 
     | 
    
         
            +
            # end
         
     | 
| 
         @@ -27,7 +27,15 @@ 
     | 
|
| 
       27 
27 
     | 
    
         
             
            		margin-left: -#{gridle_get_state_var(gutter-left)};
         
     | 
| 
       28 
28 
     | 
    
         
             
            		margin-right: -#{gridle_get_state_var(gutter-right)};
         
     | 
| 
       29 
29 
     | 
    
         
             
            		// font-size:0; // to avoid problems with inline-block margins
         
     | 
| 
       30 
     | 
    
         
            -
             
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            		@if $reverse {
         
     | 
| 
      
 32 
     | 
    
         
            +
            			transform : rotateY(180deg);
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            			> #{_gridle_get_generic_selector(grid)} {
         
     | 
| 
      
 35 
     | 
    
         
            +
            				transform : rotateY(-180deg);
         
     | 
| 
      
 36 
     | 
    
         
            +
            			}
         
     | 
| 
      
 37 
     | 
    
         
            +
            		}
         
     | 
| 
      
 38 
     | 
    
         
            +
             
     | 
| 
       31 
39 
     | 
    
         
             
            		#{_gridle_get_generic_selector(no-gutter)} > & {
         
     | 
| 
       32 
40 
     | 
    
         
             
            			margin-left: 0 !important;
         
     | 
| 
       33 
41 
     | 
    
         
             
            			margin-right: 0 !important;
         
     | 
| 
         @@ -37,7 +45,7 @@ 
     | 
|
| 
       37 
45 
     | 
    
         
             
            		// mean that we use the mixin directly
         
     | 
| 
       38 
46 
     | 
    
         
             
            		@if _gridle_is_in_generate_phase() == false {
         
     | 
| 
       39 
47 
     | 
    
         
             
            			@each $stateName, $state in gridle_get_states() {
         
     | 
| 
       40 
     | 
    
         
            -
            				@include gridle_state($state) { 
     | 
| 
      
 48 
     | 
    
         
            +
            				@include gridle_state($state) {
         
     | 
| 
       41 
49 
     | 
    
         
             
            					& #{str-replace(unquote("#{&}"),".state-#{gridle_get_state_var(name, $state)}","")} {
         
     | 
| 
       42 
50 
     | 
    
         
             
            						margin-left: -#{gridle_get_state_var(gutter-left, $state)};
         
     | 
| 
       43 
51 
     | 
    
         
             
            						margin-right: -#{gridle_get_state_var(gutter-right, $state)};
         
     | 
| 
         @@ -66,11 +74,19 @@ 
     | 
|
| 
       66 
74 
     | 
    
         
             
            		margin-right: -#{gridle_get_state_var(gutter-right)};
         
     | 
| 
       67 
75 
     | 
    
         
             
            		// font-size:0; // to avoid problems with inline-block margins
         
     | 
| 
       68 
76 
     | 
    
         | 
| 
      
 77 
     | 
    
         
            +
            		@if $reverse {
         
     | 
| 
      
 78 
     | 
    
         
            +
            			transform : rotateX(180deg);
         
     | 
| 
      
 79 
     | 
    
         
            +
             
     | 
| 
      
 80 
     | 
    
         
            +
            			> #{_gridle_get_generic_selector(grid)} {
         
     | 
| 
      
 81 
     | 
    
         
            +
            				transform : rotateX(-180deg);
         
     | 
| 
      
 82 
     | 
    
         
            +
            			}
         
     | 
| 
      
 83 
     | 
    
         
            +
            		}
         
     | 
| 
      
 84 
     | 
    
         
            +
             
     | 
| 
       69 
85 
     | 
    
         
             
            		// do this only when not in generate phase
         
     | 
| 
       70 
86 
     | 
    
         
             
            		// mean that we use the mixin directly
         
     | 
| 
       71 
87 
     | 
    
         
             
            		@if _gridle_is_in_generate_phase() == false {
         
     | 
| 
       72 
88 
     | 
    
         
             
            			@each $stateName, $state in gridle_get_states() {
         
     | 
| 
       73 
     | 
    
         
            -
            				@include gridle_state($state) { 
     | 
| 
      
 89 
     | 
    
         
            +
            				@include gridle_state($state) {
         
     | 
| 
       74 
90 
     | 
    
         
             
            					& #{str-replace(#{&},".state-#{gridle_get_state_var(name, $state)}","")} {
         
     | 
| 
       75 
91 
     | 
    
         
             
            						margin-left: -#{gridle_get_state_var(gutter-left, $state)};
         
     | 
| 
       76 
92 
     | 
    
         
             
            						margin-right: -#{gridle_get_state_var(gutter-right, $state)};
         
     | 
| 
         @@ -122,7 +138,7 @@ 
     | 
|
| 
       122 
138 
     | 
    
         
             
            ) {
         
     | 
| 
       123 
139 
     | 
    
         
             
            	// vars
         
     | 
| 
       124 
140 
     | 
    
         
             
            	$direction : gridle_get_state_var(direction, $state);
         
     | 
| 
       125 
     | 
    
         
            -
             
     | 
| 
      
 141 
     | 
    
         
            +
             
     | 
| 
       126 
142 
     | 
    
         
             
            	// css
         
     | 
| 
       127 
143 
     | 
    
         
             
            	display:inline-block;
         
     | 
| 
       128 
144 
     | 
    
         
             
            	min-height:1px;
         
     | 
| 
         @@ -149,7 +165,7 @@ 
     | 
|
| 
       149 
165 
     | 
    
         
             
            			float: left;
         
     | 
| 
       150 
166 
     | 
    
         
             
            		}
         
     | 
| 
       151 
167 
     | 
    
         
             
            	}
         
     | 
| 
       152 
     | 
    
         
            -
             
     | 
| 
      
 168 
     | 
    
         
            +
             
     | 
| 
       153 
169 
     | 
    
         
             
            }
         
     | 
| 
       154 
170 
     | 
    
         
             
            @mixin gridle_grid(
         
     | 
| 
       155 
171 
     | 
    
         
             
            	$columns,
         
     | 
| 
         @@ -160,7 +176,7 @@ 
     | 
|
| 
       160 
176 
     | 
    
         
             
            	} @else if $columns == adapt {
         
     | 
| 
       161 
177 
     | 
    
         
             
            		@include gridle_grid_adapt();
         
     | 
| 
       162 
178 
     | 
    
         
             
            	} @else {
         
     | 
| 
       163 
     | 
    
         
            -
             
     | 
| 
      
 179 
     | 
    
         
            +
             
     | 
| 
       164 
180 
     | 
    
         
             
            		@include _gridle_call(grid) {
         
     | 
| 
       165 
181 
     | 
    
         | 
| 
       166 
182 
     | 
    
         
             
            			// vars
         
     | 
| 
         @@ -322,7 +338,7 @@ 
     | 
|
| 
       322 
338 
     | 
    
         
             
            	box-sizing: border-box;
         
     | 
| 
       323 
339 
     | 
    
         
             
            	font-size: 1rem;
         
     | 
| 
       324 
340 
     | 
    
         
             
            	@include gridle_gutter();
         
     | 
| 
       325 
     | 
    
         
            -
             
     | 
| 
      
 341 
     | 
    
         
            +
             
     | 
| 
       326 
342 
     | 
    
         
             
            }
         
     | 
| 
       327 
343 
     | 
    
         
             
            @mixin gridle_grid_grow(
         
     | 
| 
       328 
344 
     | 
    
         
             
            ) {
         
     | 
| 
         @@ -404,7 +420,7 @@ 
     | 
|
| 
       404 
420 
     | 
    
         
             
            					}
         
     | 
| 
       405 
421 
     | 
    
         
             
            				}
         
     | 
| 
       406 
422 
     | 
    
         
             
            			}
         
     | 
| 
       407 
     | 
    
         
            -
            		} 
     | 
| 
      
 423 
     | 
    
         
            +
            		}
         
     | 
| 
       408 
424 
     | 
    
         | 
| 
       409 
425 
     | 
    
         
             
            		@each $a in $align {
         
     | 
| 
       410 
426 
     | 
    
         
             
            			@if $a == left {
         
     | 
| 
         @@ -429,4 +445,4 @@ 
     | 
|
| 
       429 
445 
     | 
    
         
             
            			}
         
     | 
| 
       430 
446 
     | 
    
         
             
            		}
         
     | 
| 
       431 
447 
     | 
    
         
             
            	}
         
     | 
| 
       432 
     | 
    
         
            -
            }
         
     | 
| 
      
 448 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -213,10 +213,8 @@ 
     | 
|
| 
       213 
213 
     | 
    
         
             
            		#{_gridle_classname(row, $state)} {
         
     | 
| 
       214 
214 
     | 
    
         
             
            			@include gridle_row(false);
         
     | 
| 
       215 
215 
     | 
    
         
             
            		}
         
     | 
| 
       216 
     | 
    
         
            -
            		 
     | 
| 
       217 
     | 
    
         
            -
            			 
     | 
| 
       218 
     | 
    
         
            -
            				@include gridle_row(true);
         
     | 
| 
       219 
     | 
    
         
            -
            			}
         
     | 
| 
      
 216 
     | 
    
         
            +
            		#{_gridle_classname(row, $state, reverse)} {
         
     | 
| 
      
 217 
     | 
    
         
            +
            			@include gridle_row(true);
         
     | 
| 
       220 
218 
     | 
    
         
             
            		}
         
     | 
| 
       221 
219 
     | 
    
         
             
            	}
         
     | 
| 
       222 
220 
     | 
    
         | 
| 
         @@ -230,10 +228,8 @@ 
     | 
|
| 
       230 
228 
     | 
    
         
             
            		#{_gridle_classname(col, $state)} {
         
     | 
| 
       231 
229 
     | 
    
         
             
            			@include gridle_col(false);
         
     | 
| 
       232 
230 
     | 
    
         
             
            		}
         
     | 
| 
       233 
     | 
    
         
            -
            		 
     | 
| 
       234 
     | 
    
         
            -
            			 
     | 
| 
       235 
     | 
    
         
            -
            				@include gridle_col(true);
         
     | 
| 
       236 
     | 
    
         
            -
            			}
         
     | 
| 
      
 231 
     | 
    
         
            +
            		#{_gridle_classname(col, $state, reverse)} {
         
     | 
| 
      
 232 
     | 
    
         
            +
            			@include gridle_col(true);
         
     | 
| 
       237 
233 
     | 
    
         
             
            		}
         
     | 
| 
       238 
234 
     | 
    
         
             
            	}
         
     | 
| 
       239 
235 
     | 
    
         | 
| 
         @@ -452,7 +448,7 @@ 
     | 
|
| 
       452 
448 
     | 
    
         
             
            		@include _gridle_generate_classes($states, $package, false);
         
     | 
| 
       453 
449 
     | 
    
         
             
            	}
         
     | 
| 
       454 
450 
     | 
    
         
             
            }
         
     | 
| 
       455 
     | 
    
         
            -
            $_gridle_generateOnlyOnce : true; // keep track of generate once classes
         
     | 
| 
      
 451 
     | 
    
         
            +
            $_gridle_generateOnlyOnce : true !default; // keep track of generate once classes
         
     | 
| 
       456 
452 
     | 
    
         
             
            @mixin _gridle_generate_classes(
         
     | 
| 
       457 
453 
     | 
    
         
             
            	$states : all,
         
     | 
| 
       458 
454 
     | 
    
         
             
            	$package : all,
         
     | 
| 
         @@ -498,7 +494,7 @@ $_gridle_generateOnlyOnce : true; // keep track of generate once classes 
     | 
|
| 
       498 
494 
     | 
    
         
             
            	{
         
     | 
| 
       499 
495 
     | 
    
         | 
| 
       500 
496 
     | 
    
         
             
            		// update status
         
     | 
| 
       501 
     | 
    
         
            -
            		$_gridle_generateOnlyOnce : false;
         
     | 
| 
      
 497 
     | 
    
         
            +
            		$_gridle_generateOnlyOnce : false !global;
         
     | 
| 
       502 
498 
     | 
    
         | 
| 
       503 
499 
     | 
    
         
             
            		// | ------------------------
         
     | 
| 
       504 
500 
     | 
    
         
             
            		// | Windows 8 fix
         
     | 
| 
         @@ -629,11 +625,16 @@ $_gridle_generateOnlyOnce : true; // keep track of generate once classes 
     | 
|
| 
       629 
625 
     | 
    
         
             
            				$gutter-left : gridle_get_state_var(gutter-left, $state);
         
     | 
| 
       630 
626 
     | 
    
         
             
            				$gutter-right : gridle_get_state_var(gutter-right, $state);
         
     | 
| 
       631 
627 
     | 
    
         
             
            				@include _gridle_state($stateName, false) {
         
     | 
| 
       632 
     | 
    
         
            -
            					 
     | 
| 
       633 
     | 
    
         
            -
            					 
     | 
| 
      
 628 
     | 
    
         
            +
            					#{_gridle_get_generic_selector(grid)} > [class^="#{str-slice(_gridle_classname(row),2)}"],
         
     | 
| 
      
 629 
     | 
    
         
            +
            					#{_gridle_get_generic_selector(grid)} > [class^="#{str-slice(_gridle_classname(col),2)}"] {
         
     | 
| 
       634 
630 
     | 
    
         
             
            						margin-left: -#{$gutter-left};
         
     | 
| 
       635 
631 
     | 
    
         
             
            						margin-right: -#{$gutter-right};
         
     | 
| 
       636 
632 
     | 
    
         
             
            					}
         
     | 
| 
      
 633 
     | 
    
         
            +
            					// [class*="#{str-slice(_gridle_classname(grid),2)}"] > [class^="#{str-slice(_gridle_classname(row),2)}"],
         
     | 
| 
      
 634 
     | 
    
         
            +
            					// [class*="#{str-slice(_gridle_classname(grid),2)}"] > [class^="#{str-slice(_gridle_classname(col),2)}"] {
         
     | 
| 
      
 635 
     | 
    
         
            +
            					// 	margin-left: -#{$gutter-left};
         
     | 
| 
      
 636 
     | 
    
         
            +
            					// 	margin-right: -#{$gutter-right};
         
     | 
| 
      
 637 
     | 
    
         
            +
            					// }
         
     | 
| 
       637 
638 
     | 
    
         
             
            				}
         
     | 
| 
       638 
639 
     | 
    
         
             
            			}
         
     | 
| 
       639 
640 
     | 
    
         
             
            		}
         
     | 
| 
         @@ -1,9 +1,9 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            // |------------------------------------------------------
         
     | 
| 
       2 
2 
     | 
    
         
             
            // |------------------------------------------------------
         
     | 
| 
       3 
3 
     | 
    
         
             
            // @created 	25.03.13
         
     | 
| 
       4 
     | 
    
         
            -
            // @updated 	 
     | 
| 
      
 4 
     | 
    
         
            +
            // @updated 	24.06.16
         
     | 
| 
       5 
5 
     | 
    
         
             
            // @author 		Olivier Bossel <olivier.bossel@gmail.com>
         
     | 
| 
       6 
     | 
    
         
            -
            // @version 	2.0. 
     | 
| 
      
 6 
     | 
    
         
            +
            // @version 	2.0.47
         
     | 
| 
       7 
7 
     | 
    
         
             
            // |------------------------------------------------------
         
     | 
| 
       8 
8 
     | 
    
         
             
            // |------------------------------------------------------
         
     | 
| 
       9 
9 
     | 
    
         | 
    
        metadata
    CHANGED
    
    | 
         @@ -1,14 +1,14 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            --- !ruby/object:Gem::Specification
         
     | 
| 
       2 
2 
     | 
    
         
             
            name: gridle
         
     | 
| 
       3 
3 
     | 
    
         
             
            version: !ruby/object:Gem::Version
         
     | 
| 
       4 
     | 
    
         
            -
              version: 2.0. 
     | 
| 
      
 4 
     | 
    
         
            +
              version: 2.0.47
         
     | 
| 
       5 
5 
     | 
    
         
             
            platform: ruby
         
     | 
| 
       6 
6 
     | 
    
         
             
            authors:
         
     | 
| 
       7 
7 
     | 
    
         
             
            - Olivier Bossel
         
     | 
| 
       8 
8 
     | 
    
         
             
            autorequire: 
         
     | 
| 
       9 
9 
     | 
    
         
             
            bindir: bin
         
     | 
| 
       10 
10 
     | 
    
         
             
            cert_chain: []
         
     | 
| 
       11 
     | 
    
         
            -
            date: 2016- 
     | 
| 
      
 11 
     | 
    
         
            +
            date: 2016-06-24 00:00:00.000000000 Z
         
     | 
| 
       12 
12 
     | 
    
         
             
            dependencies:
         
     | 
| 
       13 
13 
     | 
    
         
             
            - !ruby/object:Gem::Dependency
         
     | 
| 
       14 
14 
     | 
    
         
             
              name: sass
         
     |