gridle 1.3.1 → 1.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0a15e857e053fa9f12b4746ffd22295290cfd783
-  data.tar.gz: 0b9032f8bdcad96690648f5c0b6e87999825be73
+  metadata.gz: 89965d5de0df0540dc4eb00f51534ccac70bd6de
+  data.tar.gz: 47dd01c3742b0e03d6dc727719e4862326e76521
 SHA512:
-  metadata.gz: ec75f8137a7bae3ecd35045a3ff8939c909dff716573ca63332e9d90f1f2c5fbffa1615875a7fc80a42b1702979c96b51711370977f99d0a89b56029245757d5
-  data.tar.gz: a052ae5e8d7bdf3702f269e48488a78d9dfa6d597290a19b2424225093f4e4d9989ef7f8775e222be13e04ad98cec0c565654aa9c37a123f087f6235cc817312
+  metadata.gz: 21d483f133c01e9d1fa267856a4d2101f9cbccf46c289c9db46240aaae48ccc4fc0ee63716ff8a6403b926d235c8af36ee00e3e95d073bc996e2a7917eaaef81
+  data.tar.gz: f27d30d53b4afb407744243ebf20ebb5473afc9ec11ac538979482d2b660b0dd03faf2855c4573e6d5db10cd3fd8b323caf93ecc96c9f5f95ddbbd67d502e261

data/lib/gridle.rb

@@ -16,8 +16,8 @@
 #    a prerelease version
 #  Date is in the form of YYYY-MM-DD
 module Extension
-  VERSION = "1.3.1"
-  DATE = "2014-05-15"
+  VERSION = "1.3.2"
+  DATE = "2014-05-22"
 end
 
 # This is where any custom SassScript should be placed. The functions will be  

data/stylesheets/gridle/_common-mixins.scss

@@ -37,7 +37,8 @@
 				direction:ltr;
 			}
 
-			padding:0 $gutter-width/2;
+			padding-left$gutter-width/2;
+			padding-right:$gutter-width/2;
 		}
 		
 		@if $debug == true {

data/stylesheets/gridle/_functions.scss

@@ -44,7 +44,7 @@
 	$stateMap-or-stateName
 ) {
 	// check if has a state named like this :
-	@if (map-has-key($_gridle_states, $stateMap-or-stateName))
+	@if (map-has-key($_gridle_states, unquote($stateMap-or-stateName)))
 	{
 		@return map-get($_gridle_states, unquote($stateMap-or-stateName));
 	} 
@@ -228,22 +228,34 @@
 		@if $var == '%count' and $count {
 			$sel : "#{$sel}#{$count}";
 		}  
-		@if $var != '%state' and $var != '%count' and $var != '%-' and $var != '%prefix' {
+		@if $var != '%state' and $var != '%count' and $var != '%-' and $var != '-' and $var != '--' and $var != '_' and $var != '__' and $var != '%prefix' {
 			$sel : "#{$sel}#{$var}";
 		}
 
 		// handle separators :
-		@if $var == '%-' and $i < length($pattern) {
+		@if ($var == '%-' or $var == '-' or $var == '--' or $var == '_' or $var == '__') and $i < length($pattern) {
 			$index : $i + 1;
 			$value : nth($pattern, $index);
-			@if $value != '%state' and $value != '%count' and $value != '%-' and $value != '%prefix' {
-				$sel : "#{$sel}#{$gridle-class-separator}";
+			@if $value != '%state' and $value != '%count' and $value != '%-' and $value != '-' and $value != '--' and $value != '_' and $value != '__' and $value != '%prefix' {
+				@if $var == '%-' {
+					$sel : "#{$sel}#{$gridle-class-separator}";
+				} @else {
+					$sel : "#{$sel}#{$var}";
+				}
 			}
 			@if $value == '%state' and $state {
-				$sel : "#{$sel}#{$gridle-class-separator}";
+				@if $var == '%-' {
+					$sel : "#{$sel}#{$gridle-class-separator}";
+				} @else {
+					$sel : "#{$sel}#{$var}";
+				}
 			}
 			@if $value == '%count' and $count {
-				$sel : "#{$sel}#{$gridle-class-separator}";
+				@if $var == '%-' {
+					$sel : "#{$sel}#{$gridle-class-separator}";
+				} @else {
+					$sel : "#{$sel}#{$var}";
+				}
 			}
 		}
 

data/stylesheets/gridle/_generate-mixins.scss

@@ -4,111 +4,188 @@
 // |------------------------------------------------------
 // |------------------------------------------------------
 
+
+/**
+ * Generate a custom class for all the states
+ *
+ * @param 	list 	$pattern 		The name pattern of the class
+ * @param 	list 	$statesNames 		The states names to generate
+ */
+@mixin gridle_generate_custom_class(
+	$pattern,
+	$statesNames : null
+) {
+	// manage states to generate :
+	$states : ();
+	@if $statesNames == null {
+		// loop on each states to generate names list :
+		@each $stateName, $state in $_gridle_states {
+			$states : append($states, $stateName);
+		}
+	} @else {
+		$states : $statesNames;
+	}
+
+	// loop on each states :
+	@each $stateName in $states
+	{
+		// manage statename :
+		@if type-of($stateName) != string {
+			$stateName : map-get($stateName, name);
+		}
+
+		// genrate the classname :
+		@include gridle_state($stateName, false) {
+			#{_gridle_classname($pattern, $stateName)} {
+				@content;
+			}
+		}
+	}
+}
+
 // Generate all helpers classes
 // All the classes generated are not wrapper in gridle_state
 // in this mixin... Just the names are generated accordingly to the
 // requested state
 @mixin _gridle_generate_helper_classes (
-	$state : null
+	$state : null,
+	$what : null
 ) {
 	// helpers :
-	#{_gridle_classname($gridle-hide-name-pattern, $state)} {
-		@include gridle_hide(null);
-	}
-	#{_gridle_classname($gridle-not-visible-name-pattern, $state)} {
-		@include gridle_not_visible(null);
-	}
-	#{_gridle_classname($gridle-show-name-pattern, $state)} {
-		@include gridle_show(null);
-	}
-	#{_gridle_classname($gridle-visible-name-pattern, $state)} {
-		@include gridle_visible(null);
-	}
-	#{_gridle_classname($gridle-float-left-name-pattern, $state)} {
-		@include gridle_float(left);
-	}
-	#{_gridle_classname($gridle-float-right-name-pattern, $state)} {
-		@include gridle_float(right);
-	}
-	#{_gridle_classname($gridle-clear-name-pattern, $state)} {
-		@include gridle_clear(both);
-	}
-	#{_gridle_classname($gridle-clear-left-name-pattern, $state)} {
-		@include gridle_clear(left);
-	}
-	#{_gridle_classname($gridle-clear-right-name-pattern, $state)} {
-		@include gridle_clear(right);
-	}
-	#{_gridle_classname($gridle-no-gutter-name-pattern, $state)},
-	#{_gridle_classname($gridle-no-margin-name-pattern, $state)} {
-		@include gridle_no_margin();
-	}
-	#{_gridle_classname($gridle-no-gutter-left-name-pattern, $state)},
-	#{_gridle_classname($gridle-no-margin-left-name-pattern, $state)} {
-		@include gridle_no_margin(left);
-	}
-	#{_gridle_classname($gridle-no-gutter-right-name-pattern, $state)},
-	#{_gridle_classname($gridle-no-margin-right-name-pattern, $state)} {
-		@include gridle_no_margin(right);
-	}
-	#{_gridle_classname($gridle-no-gutter-top-name-pattern, $state)},
-	#{_gridle_classname($gridle-no-margin-top-name-pattern, $state)} {
-		@include gridle_no_margin(top);
-	}
-	#{_gridle_classname($gridle-no-gutter-bottom-name-pattern, $state)},
-	#{_gridle_classname($gridle-no-margin-bottom-name-pattern, $state)} {
-		@include gridle_no_margin(bottom);
+	@if $what == null or index($what, hide) or index($what, helpers) {
+		#{_gridle_classname($gridle-hide-name-pattern, $state)} {
+			@include gridle_hide(null);
+		}
 	}
-	#{_gridle_classname($gridle-gutter-name-pattern, $state)},
-	#{_gridle_classname($gridle-margin-name-pattern, $state)} {
-		@include gridle_margin(left right);
+
+	@if $what == null or index($what, not_visible) or index($what, helpers) {
+		#{_gridle_classname($gridle-not-visible-name-pattern, $state)} {
+			@include gridle_not_visible(null);
+		}
 	}
-	#{_gridle_classname($gridle-gutter-left-name-pattern, $state)},
-	#{_gridle_classname($gridle-margin-left-name-pattern, $state)} {
-		@include gridle_margin(left);
+
+	@if $what == null or index($what, show) or index($what, helpers) {
+		#{_gridle_classname($gridle-show-name-pattern, $state)} {
+			@include gridle_show(null);
+		}
 	}
-	#{_gridle_classname($gridle-gutter-right-name-pattern, $state)},
-	#{_gridle_classname($gridle-margin-right-name-pattern, $state)} {
-		@include gridle_margin(right);
+
+	@if $what == null or index($what, visible) or index($what, helpers) {
+		#{_gridle_classname($gridle-visible-name-pattern, $state)} {
+			@include gridle_visible(null);
+		}
 	}
-	#{_gridle_classname($gridle-gutter-top-name-pattern, $state)},
-	#{_gridle_classname($gridle-margin-top-name-pattern, $state)} {
-		@include gridle_margin(top);
+
+	@if $what == null or index($what, float) or index($what, helpers) {
+		#{_gridle_classname($gridle-float-left-name-pattern, $state)} {
+			@include gridle_float(left);
+		}
+		#{_gridle_classname($gridle-float-right-name-pattern, $state)} {
+			@include gridle_float(right);
+		}
 	}
-	#{_gridle_classname($gridle-gutter-bottom-name-pattern, $state)},
-	#{_gridle_classname($gridle-margin-bottom-name-pattern, $state)} {
-		@include gridle_margin(bottom);
+
+	@if $what == null or index($what, clear) or index($what, helpers) {
+		#{_gridle_classname($gridle-clear-name-pattern, $state)} {
+			@include gridle_clear(both);
+		}
+		#{_gridle_classname($gridle-clear-left-name-pattern, $state)} {
+			@include gridle_clear(left);
+		}
+		#{_gridle_classname($gridle-clear-right-name-pattern, $state)} {
+			@include gridle_clear(right);
+		}
 	}
-	#{_gridle_classname($gridle-auto-height-name-pattern, $state)} {
-		height:inherit;
+
+	@if $what == null or index($what, no_gutter) or index($what, no_margin) or index($what, helpers) {
+		#{_gridle_classname($gridle-no-gutter-name-pattern, $state)},
+		#{_gridle_classname($gridle-no-margin-name-pattern, $state)} {
+			@include gridle_no_margin();
+		}
+		#{_gridle_classname($gridle-no-gutter-left-name-pattern, $state)},
+		#{_gridle_classname($gridle-no-margin-left-name-pattern, $state)} {
+			@include gridle_no_margin(left);
+		}
+		#{_gridle_classname($gridle-no-gutter-right-name-pattern, $state)},
+		#{_gridle_classname($gridle-no-margin-right-name-pattern, $state)} {
+			@include gridle_no_margin(right);
+		}
+		#{_gridle_classname($gridle-no-gutter-top-name-pattern, $state)},
+		#{_gridle_classname($gridle-no-margin-top-name-pattern, $state)} {
+			@include gridle_no_margin(top);
+		}
+		#{_gridle_classname($gridle-no-gutter-bottom-name-pattern, $state)},
+		#{_gridle_classname($gridle-no-margin-bottom-name-pattern, $state)} {
+			@include gridle_no_margin(bottom);
+		}
 	}
-	#{_gridle_classname($gridle-centered-name-pattern, $state)} {
-		@include gridle_centered(null);
+
+	@if $what == null or index($what, gutter) or index($what, margin) or index($what, helpers) {
+		#{_gridle_classname($gridle-gutter-name-pattern, $state)},
+		#{_gridle_classname($gridle-margin-name-pattern, $state)} {
+			@include gridle_margin(left right);
+		}
+		#{_gridle_classname($gridle-gutter-left-name-pattern, $state)},
+		#{_gridle_classname($gridle-margin-left-name-pattern, $state)} {
+			@include gridle_margin(left);
+		}
+		#{_gridle_classname($gridle-gutter-right-name-pattern, $state)},
+		#{_gridle_classname($gridle-margin-right-name-pattern, $state)} {
+			@include gridle_margin(right);
+		}
+		#{_gridle_classname($gridle-gutter-top-name-pattern, $state)},
+		#{_gridle_classname($gridle-margin-top-name-pattern, $state)} {
+			@include gridle_margin(top);
+		}
+		#{_gridle_classname($gridle-gutter-bottom-name-pattern, $state)},
+		#{_gridle_classname($gridle-margin-bottom-name-pattern, $state)} {
+			@include gridle_margin(bottom);
+		}
 	}
-	#{_gridle_classname($gridle-parent-name-pattern, $state)} {
-		@include _gridle_parent();
+
+	@if $what == null or index($what, auto_height) or index($what, helpers) {
+		#{_gridle_classname($gridle-auto-height-name-pattern, $state)} {
+			height:inherit;
+		}
 	}
-	#{_gridle_classname($gridle-vertical-align-middle-name-pattern, $state)} {
-		@include _gridle_vertical_align();
+
+	@if $what == null or index($what, centered) or index($what, helpers) {
+		#{_gridle_classname($gridle-centered-name-pattern, $state)} {
+			@include gridle_centered(null);
+		}
 	}
-	#{_gridle_classname($gridle-vertical-align-top-name-pattern, $state)} {
-		@include _gridle_vertical_align(top);
+
+	@if $what == null or index($what, parent) or index($what, helpers) {
+		#{_gridle_classname($gridle-parent-name-pattern, $state)} {
+			@include _gridle_parent();
+		}
 	}
-	#{_gridle_classname($gridle-vertical-align-bottom-name-pattern, $state)} {
-		@include _gridle_vertical_align(bottom);
+
+	@if $what == null or index($what, vertical_align) or index($what, helpers) {
+		#{_gridle_classname($gridle-vertical-align-middle-name-pattern, $state)} {
+			@include _gridle_vertical_align();
+		}
+		#{_gridle_classname($gridle-vertical-align-top-name-pattern, $state)} {
+			@include _gridle_vertical_align(top);
+		}
+		#{_gridle_classname($gridle-vertical-align-bottom-name-pattern, $state)} {
+			@include _gridle_vertical_align(bottom);
+		}
 	}
 
 	/**
 	 * Clear each class :
 	 */
-	@each $clearName, $clearMap in $_gridle_clear_classes {
-		// get count :
-		$clearCount : map-get($clearMap, clearEach);
-		// what to clear :
-		$clearWhat : map-get($clearMap, clearWhat);
-		// generate the class :
-		#{_gridle_classname($gridle-clear-each-pattern, $state, $clearCount)} {
-			@include _gridle_clear_each($clearCount, $clearWhat, $state);
+	@if $what == null or index($what, clear_each) or index($what, helpers) {
+		@each $clearName, $clearMap in $_gridle_clear_classes {
+			// get count :
+			$clearCount : map-get($clearMap, clearEach);
+			// what to clear :
+			$clearWhat : map-get($clearMap, clearWhat);
+			// generate the class :
+			#{_gridle_classname($gridle-clear-each-pattern, $state, $clearCount)} {
+				@include _gridle_clear_each($clearCount, $clearWhat, $state);
+			}
 		}
 	}
 
@@ -151,14 +228,14 @@
 
 
 // generate settings json :
-@mixin gridle_generate_json_settings(
-	$scope : default
-) {
+@mixin gridle_generate_json_settings() {
 
 	// settings content :
 	$gridle-settings-states : "{";
 
 	// generate all classes for differents media queries :
+	$statesCount : length($_gridle_states);
+	$i : 0;
 	@each $stateName, $state in $_gridle_states {
 	
 		$name : $stateName;
@@ -169,22 +246,30 @@
 
 			$value : null;
 			@if $varName == "query" {
-				$value : _gridle_get_media_query_for_state($stateName);
+				$value : _gridle_get_media_query($stateName);
 			} @else {
 				$value : map-get($state,$varName);
-				// $value : _gridle_get_state_var($i,$var);
 			}
 
 			@if $value == null {
 				$gridle-settings-states : "#{$gridle-settings-states} \"#{$varName}\" : null,";
-			} @elseif $var == 'context' or $var == 'classes' {
+			} @elseif type-of($value) == bool {
 				$gridle-settings-states : "#{$gridle-settings-states} \"#{$varName}\" : #{$value},";
 			} @else {
 				$gridle-settings-states : "#{$gridle-settings-states} \"#{$varName}\" : \"#{$value}\",";		
 			}
 		}
 
-		$gridle-settings-states : "#{$gridle-settings-states} },";
+		$gridle-settings-states : "#{$gridle-settings-states} \"_gridle\" : true";
+
+		@if $i >= $statesCount - 1 {
+			$gridle-settings-states : "#{$gridle-settings-states} }";
+		} @else {
+			$gridle-settings-states : "#{$gridle-settings-states} },";
+		}
+	
+		// update i :
+		$i : $i + 1;
 
 	}
 
@@ -201,25 +286,12 @@
 	@if length($_gridle_states_debug_devices) <= 0 {
 		$debug_devices : null;
 	}
-	$gridle-settings : "#{$gridle-settings}, \"debugDevices\" : { #{$debug_devices} }";
+	// $gridle-settings : "#{$gridle-settings}, \"debugDevices\" : { #{$debug_devices} }";
 
 	// settings :
-	$gridle-settings : "#{$gridle-settings}, \"columnsCount\" : #{$gridle-columns-count}";
-	$gridle-settings : "#{$gridle-settings}, \"gutterWidth\" : \"#{$gridle-gutter-width}\"";
-	$gridle-settings : "#{$gridle-settings}, \"nameMultiplicator\" : #{$gridle-name-multiplicator}";
-	$gridle-settings : "#{$gridle-settings}, \"direction\" : \"#{$gridle-direction}\"";
-	$gridle-settings : "#{$gridle-settings}, \"ie7Support\" : #{$gridle-ie7-support}";
-	$gridle-settings : "#{$gridle-settings}, \"debug\" : #{$gridle-debug}";
-	$gridle-settings : "#{$gridle-settings}, \"debugShowClassNames\" : #{$gridle-debug-show-class-names}";
-	$gridle-settings : "#{$gridle-settings}, \"htmlStatesClasses\" : #{$gridle-html-states-classes}";
-	$gridle-settings : "#{$gridle-settings}, \"generateHelpersClasses\" : #{$gridle-generate-helpers-classes}";
-	$gridle-settings : "#{$gridle-settings}, \"generatePushClasses\" : #{$gridle-generate-push-classes}";
-	$gridle-settings : "#{$gridle-settings}, \"generatePullClasses\" : #{$gridle-generate-pull-classes}";
-	$gridle-settings : "#{$gridle-settings}, \"generatePrefixClasses\" : #{$gridle-generate-prefix-classes}";
-	$gridle-settings : "#{$gridle-settings}, \"generateSuffixClasses\" : #{$gridle-generate-suffix-classes}";
-	$gridle-settings : "#{$gridle-settings}, \"classPrefix\" : \"#{$gridle-class-prefix}\"";
+	// $gridle-settings : "#{$gridle-settings}, \"classPrefix\" : \"#{$gridle-class-prefix}\"";
 	$gridle-settings : "#{$gridle-settings} }";
-	#gridle-settings-#{$scope} {
+	#gridle-settings {
 		content : $gridle-settings;
 	}
 }
@@ -228,62 +300,100 @@
 // gridle mixin :
 // Generate all the classes needed for a grid
 @mixin gridle_generate_classes(
+	$stateName : null,
+	$what : null,
 	$scope : null
 ) {
 	// check if a scope exist :
 	@if $scope {
 		// wrapp grid into scope :
 		.#{$scope} {
-			@include _gridle_generate_classes(true);
+			@include _gridle_generate_classes($stateName, $what, true);
 		}
 	} @else {
 		// generate classes :
-		@include _gridle_generate_classes(false);
+		@include _gridle_generate_classes($stateName, $what, false);
 	}
 }
+$_gridle_generateOnlyOnce : true; // keep track of generate once classes
 @mixin _gridle_generate_classes(
-	$has-parent
+	$stateName : null,
+	$what : null,
+	$has-parent : false
 ) {
  
-	// | ------------------------
-	// | Windows 8 fix
-	// | ------------------------
-	
-	// Windows 8 fix for snap mode :
-	@media screen and (max-width: 400px) {
-		@-ms-viewport { width: device-width; }
-	}
+	// generate these classes only once :
+	@if $_gridle_generateOnlyOnce
+	{
 
+		// update status :
+		$_gridle_generateOnlyOnce : false;
+
+		// | ------------------------
+		// | Windows 8 fix
+		// | ------------------------
+		
+		// Windows 8 fix for snap mode :
+		@media screen and (max-width: 400px) {
+			@-ms-viewport { width: device-width; }
+		}
+
+
+		// | ------------------------
+		// | Container
+		// | ------------------------
+	 
+		// generate container class :
+		@if $what == null or index($what, container)
+		{
+			$container-selector : ();
+			$container-selector : append( $container-selector, unquote(_gridle_classname($gridle-container-name-pattern)), comma);
+			#{$container-selector} {
+				@include gridle_container();
+			}
+		}
+
+
+		// | ------------------------
+		// | Parent selector
+		// | ------------------------
+
+		// parent common css :
+		@if $what == null or index($what, parent)
+		{
+			$parentSelector : _gridle_classname($gridle-parent-name-pattern,null,null);
+			#{$parentSelector} {
+				@extend %gridle-clearfix;
+				@extend %gridle-parent-common;
+			}
+		}
+
+
+		// // | ------------------------
+		// // | JSON Settings
+		// // | ------------------------
+	 
+		// // generate json settings :
+		@include gridle_generate_json_settings();
 
-	// | ------------------------
-	// | Container
-	// | ------------------------
- 
-	// generate container class :
-	$container-selector : ();
-	$container-selector : append( $container-selector, unquote(_gridle_classname($gridle-container-name-pattern)), comma);
-	#{$container-selector} {
-		@include gridle_container();
 	}
 
 
 	// | ------------------------
-	// | Parent selector
+	// | Set the list of states to generate
 	// | ------------------------
-
-	// parent common css :
-	$parentSelector : _gridle_classname($gridle-parent-name-pattern,null,null);
-	#{$parentSelector} {
-		@extend %gridle-clearfix;
-		@extend %gridle-parent-common;
+	$states : $_gridle_states;
+	@if $stateName and _gridle_has_state($stateName) {
+		$states : map-set((), $stateName, _gridle_get_state($stateName));
 	}
 
+
 	// | ------------------------
 	// | Store all the generated common selectors
 	// | ------------------------
 
 	// generate all selector for extends :
-	$common-selector : ();
+	$grid-common-selector : ();
 	$push-common-selector : ();
 	$pull-common-selector : ();
 	$prefix-common-selector : ();
@@ -295,7 +405,7 @@
 	// | ------------------------
 
 	// generate all classes for media queries :
-	@each $stateName, $state in $_gridle_states {
+	@each $stateName, $state in $states {
 	
 		// setup vars :
 		$media : $stateName;
@@ -330,17 +440,19 @@
 			@each $columnName, $column in $columnsMap {
 		 	
 				// add selector :
-				$common-selector : append( $common-selector, unquote(_gridle_classname($gridle-grid-name-pattern, $media, $columnName)), comma );
-				@if $generate-push-classes {
+				@if $what == null or index($what, grid) {
+					$grid-common-selector : append( $grid-common-selector, unquote(_gridle_classname($gridle-grid-name-pattern, $media, $columnName)), comma );
+				}
+				@if $generate-push-classes and ($what == null or index($what, push)) {
 					$push-common-selector : append( $push-common-selector, unquote(_gridle_classname($gridle-push-name-pattern, $media, $columnName)), comma );
 				}
-				@if $generate-pull-classes {
+				@if $generate-pull-classes and ($what == null or index($what, pull)) {
 					$pull-common-selector : append( $pull-common-selector, unquote(_gridle_classname($gridle-pull-name-pattern, $media, $columnName)), comma );
 				}
-				@if $generate-prefix-classes {
+				@if $generate-prefix-classes and ($what == null or index($what, prefix)) {
 					$prefix-common-selector : append( $prefix-common-selector, unquote(_gridle_classname($gridle-prefix-name-pattern, $media, $columnName)), comma );
 				}
-				@if $generate-suffix-classes {
+				@if $generate-suffix-classes and ($what == null or index($what, suffix)) {
 					$suffix-common-selector : append( $suffix-common-selector, unquote(_gridle_classname($gridle-suffix-name-pattern, $media, $columnName)), comma );
 				}
 			}
@@ -348,20 +460,30 @@
 	}
  
 	// common css :
-	#{$push-common-selector} {
-		@include _gridle_push_common();
+	@if  $what == null or index($what, grid) {
+		#{$grid-common-selector} {
+			@include _gridle_grid_common();
+		}
 	}
-	#{$pull-common-selector} {
-		@include _gridle_pull_common();
+	@if  $what == null or index($what, push) {
+		#{$push-common-selector} {
+			@include _gridle_push_common();
+		}
 	}
-	#{$prefix-common-selector} {
-		@include _gridle_prefix_common();
+	@if  $what == null or index($what, pull) {
+		#{$pull-common-selector} {
+			@include _gridle_pull_common();
+		}
 	}
-	#{$suffix-common-selector} {
-		@include _gridle_suffix_common();
+	@if  $what == null or index($what, prefix) {
+		#{$prefix-common-selector} {
+			@include _gridle_prefix_common();
+		}
 	}
-	#{$common-selector} {
-		@include _gridle_grid_common();
+	@if  $what == null or index($what, suffix) {
+		#{$suffix-common-selector} {
+			@include _gridle_suffix_common();
+		}
 	}
 
 
@@ -370,7 +492,7 @@
 	// | ------------------------
  
 	// generate all classes for differents media queries :
-	@each $stateName, $state in $_gridle_states {
+	@each $stateName, $state in $states {
 		
 		// setup vars :
 		$classes : _gridle_get_var_value(classes, $state);
@@ -424,25 +546,27 @@
 					));
 
 					// classes :
-					#{_gridle_classname($gridle-grid-name-pattern, $stateName, $columnName)} {
-						@include _gridle($columnsCount, $extendedState);
+					@if $what == null or index($what, grid) {
+						#{_gridle_classname($gridle-grid-name-pattern, $stateName, $columnName)} {
+							@include _gridle($columnsCount, $extendedState);
+						}
 					}
-					@if $generate-push-classes == true {
+					@if $generate-push-classes == true and ($what == null or index($what, push)) {
 						#{_gridle_classname($gridle-push-name-pattern, $stateName, $columnName)} {
 							@include _gridle_push($columnsCount, $extendedState);
 						}
 					}
-					@if $generate-pull-classes == true {
+					@if $generate-pull-classes == true and ($what == null or index($what, pull)) {
 						#{_gridle_classname($gridle-pull-name-pattern, $stateName, $columnName)} {
 							@include _gridle_pull($columnsCount, $extendedState);
 						}
 					}
-					@if $generate-prefix-classes == true {
+					@if $generate-prefix-classes == true and ($what == null or index($what, prefix)) {
 						#{_gridle_classname($gridle-prefix-name-pattern, $stateName, $columnName)} {
 							@include _gridle_prefix($columnsCount, $extendedState);
 						}
 					}
-					@if $generate-suffix-classes == true {
+					@if $generate-suffix-classes == true and ($what == null or index($what, suffix)) {
 						#{_gridle_classname($gridle-suffix-name-pattern, $stateName, $columnName)} {
 							@include _gridle_suffix($columnsCount, $extendedState);
 						}   
@@ -451,17 +575,9 @@
  
 				// media queries helpers classes :
 				@if $generate-helpers-classes == true {
-					@include _gridle_generate_helper_classes($stateName);
+					@include _gridle_generate_helper_classes($stateName, $what);
 				}
 			}
 		}
 	}
-
-
-	// // | ------------------------
-	// // | JSON Settings
-	// // | ------------------------
- 
-	// // generate json settings :
-	// @include gridle_generate_json_settings();
 }

data/stylesheets/gridle/_gridle.scss

@@ -29,13 +29,13 @@
 // |------------------------------------------------------
 // |------------------------------------------------------
 // @created 	25.03.13
-// @updated 	15.05.14
+// @updated 	21.05.14
 // @author 	Olivier Bossel <olivier.bossel@gmail.com>
-// @version 	1.3.1
+// @version 	1.3.2
 // |------------------------------------------------------
 // |------------------------------------------------------
 
-$_gridle-version : "1.3.1";
+$_gridle-version : "1.3.2";
 
 
 

data/stylesheets/gridle/_mixins.scss

@@ -100,7 +100,7 @@
 	$state : null
 ) {
 	// common :
-	@include _gridle_grid_common($state);
+	@include _gridle_grid_common();
 	// check if need media query :
 	@if $state {
 		@include gridle_state($state) {
@@ -492,6 +492,7 @@
 	$align : middle
 ) {
 	font-size:0;
+	clear:both;
 
 	> * {
 		display:inline-block;

data/stylesheets/gridle/_settings-mixins.scss

@@ -11,6 +11,7 @@
 	$settings : ()
 ) {
 	$_gridle-settings : map-merge((
+		name : default,
 		min-width : null,
 		max-width : 99999999px,
 		query : null,
@@ -54,7 +55,7 @@
 /**
  *  Register a clear each class
  */
-@mixin gridle_register_clear_each (
+@mixin gridle_register_clear_each(
 	$count,
 	$clearWhat
 ) {

data/stylesheets/gridle/_silent-classes.scss

@@ -65,7 +65,6 @@
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
-	clear:both;
 }
 %gridle-container-debug-common {
 	background-color:#f5f5f5;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: gridle
 version: !ruby/object:Gem::Version
-  version: 1.3.1
+  version: 1.3.2
 platform: ruby
 authors:
 - Olivier Bossel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-05-15 00:00:00.000000000 Z
+date: 2014-05-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass