gridle 1.1.0 → 1.2.0

data/stylesheets/gridle/_settings-mixins.scss

@@ -0,0 +1,143 @@
+// |------------------------------------------------------
+// |------------------------------------------------------
+// | Settings mixins
+// |------------------------------------------------------
+// |------------------------------------------------------
+
+// Register an state :
+@mixin gridle_register_state(
+	$name,
+	$min-width-or-query : null,
+	$max-width-or-classes-generation : null,
+	$classes-generation : true,
+	$context : $gridle-columns-count
+) {
+	// process variables :
+	$name : $name;
+	$min-width : null;
+	$max-width : null;
+	$query : null;
+	$classes : true;
+	$context : $context;
+	@if type-of($min-width-or-query) == string {
+		$query : $min-width-or-query;
+	} @else {
+		@if $min-width-or-query {
+			$min-width : $min-width-or-query;
+		}
+	}
+	@if type-of($max-width-or-classes-generation) == bool {
+		$classes : $max-width-or-classes-generation;
+	} @else {
+		@if $max-width-or-classes-generation {
+			$max-width : $max-width-or-classes-generation;
+		}
+		$classes : $classes-generation;
+	}
+
+	// creating state :
+	$state : (
+		$name : (
+			name : $name,
+			min-width : $min-width,
+			max-width : $max-width,
+			query : $query,
+			classes : $classes,
+			context : $context
+		)
+	);
+
+	// add state in maps :
+	$_gridle_states : map-merge($_gridle_states, $state);
+}
+
+
+/**
+ *  Register a clear each class
+ */
+@mixin gridle_register_clear_each (
+	$count,
+	$clearWhat
+) {
+	// create the clear map :
+	$classMap : (
+		clearEach : $count,
+		clearWhat : $clearWhat
+	);
+
+	// append to map :
+	$_gridle_clear_classes : map-set($_gridle_clear_classes, $count, $classMap);
+}
+
+
+/**
+ * Register a special class
+ */
+@mixin gridle_register_column(
+	$name,
+	$columns,
+	$context,
+	$generateClasses : true
+) {
+	// create a column :
+	$col : _gridle_create_column($name, $columns, $context, $generateClasses);
+
+	// add column in maps :
+	$_gridle_columns : map-set($_gridle_columns, $name, $col);
+}
+
+
+/**
+ * Register default states
+ */
+@mixin gridle_register_default_states() {
+	// register mobile and tablet states :
+	@include gridle_register_state("mobile",null,480px);
+	@include gridle_register_state("tablet",481px,1024px);
+}
+
+
+/**
+ * Register default mobile first states :
+ */
+@mixin gridle_register_default_mobile_first_states() {
+	@include gridle_register_state("xs", null, 768px);
+	@include gridle_register_state("sm", 768px, null);
+	@include gridle_register_state("md", 992px, null);
+	@include gridle_register_state("lg", 1200px, null);
+}
+
+
+/**
+ * Set the context for a particular state
+ *
+ * @param 	String 		$state 		The state to update
+ * @param 	int 		$context 	The new context to set
+ */
+@mixin gridle_set_context_for_state(
+	$state,
+	$context
+) {
+	// set context in state :
+	$var : _gridle_set_state_var($state, "context", $context);
+}
+
+
+/**
+ * Set the debug device (not used for now)
+ * 
+ * @param 	String 		$state 		The state to update
+ * @para m 	String 		$device 	The device to use (iphone, etc...)
+ */
+@mixin gridle_set_debug_device(
+	$state : null,
+	$device : null
+) {
+
+	// check params :
+	@if $state and $device {
+		// set the state device :
+		$_gridle_states_debug_devices : append($_gridle_states_debug_devices, unquote("\"#{$state}\" : \"#{$device}\""), comma);
+	}
+
+}

data/stylesheets/gridle/_settings.scss

@@ -0,0 +1,84 @@
+// |------------------------------------------------------
+// |------------------------------------------------------
+// | Settings
+// |------------------------------------------------------
+// |------------------------------------------------------
+
+// gridle configuration vars :
+$gridle-columns-count 				: 12 !default;
+$gridle-gutter-width 					: 20px !default;
+$gridle-gutter-type 					: padding !default;
+$gridle-name-multiplicator 				: 1 !default;
+$gridle-direction 					: ltr !default;
+
+$gridle-debug 						: false !default;
+$gridle-debug-show-class-names 			: true !default;
+
+$gridle-ie7-support 					: false !default;
+
+$gridle-html-states-classes 				: false !default;
+
+$gridle-generate-helpers-classes 			: true !default;
+$gridle-generate-push-classes 			: true !default;
+$gridle-generate-pull-classes 				: true !default;
+$gridle-generate-prefix-classes 			: true !default;
+$gridle-generate-suffix-classes 			: true !default;
+
+$gridle-debug-selector 				: ".gridle-debug &, &.gridle-debug" !default;
+
+$gridle-class-prefix 					: '' !default;
+$gridle-class-separator 				: '-' !default;
+
+$gridle-container-name-pattern 			: ('container') !default;
+
+$gridle-grid-generic-unique-name-pattern 		: ('grid','%-') !default; // used to target grid with for example [class*="grid-"]
+$gridle-grid-name-pattern 				: ('grid','%-','%state','%-','%count') !default;
+$gridle-push-name-pattern 				: ('push','%-','%state','%-','%count') !default;
+$gridle-pull-name-pattern 				: ('pull','%-','%state','%-','%count') !default;
+$gridle-prefix-name-pattern 				: ('prefix','%-','%state','%-','%count') !default;
+$gridle-suffix-name-pattern 				: ('suffix','%-','%state','%-','%count') !default;
+
+$gridle-parent-name-pattern 				: ('parent','%-','%state') !default;
+$gridle-parent-vertical-align-name-pattern 		: ('parent','%-','vertical','%-','align','%-','%state') !default;
+$gridle-centered-name-pattern 			: ('centered','%-','%state') !default;
+
+$gridle-hide-name-pattern 				: ('hide','%-','%state') !default;
+$gridle-show-name-pattern 				: ('show','%-','%state') !default;
+$gridle-not-visible-name-pattern 			: ('not','%-','visible','%-','%state') !default;
+$gridle-visible-name-pattern 				: ('visible','%-','%state') !default;
+
+$gridle-float-left-name-pattern 			: ('float','%-','%state','%-','left') !default;
+$gridle-float-right-name-pattern 			: ('float','%-','%state','%-','right') !default;
+
+$gridle-clear-name-pattern 				: ('clear','%-','%state') !default;
+$gridle-clear-left-name-pattern 			: ('clear','%-','%state','%-','left') !default;
+$gridle-clear-right-name-pattern 			: ('clear','%-','%state','%-','right') !default;
+$gridle-clear-each-pattern 				: ('clear','%-','each','%-','%state','%-','%count') !default;
+
+$gridle-no-gutters-name-pattern 			: ('no','%-','gutters','%-','%state') !default;
+$gridle-no-gutter-left-name-pattern 			: ('no','%-','gutter','%-','%state','%-','left') !default;
+$gridle-no-gutter-right-name-pattern 		: ('no','%-','gutter','%-','%state','%-','right') !default;
+$gridle-no-gutter-top-name-pattern 			: ('no','%-','gutter','%-','%state','%-','top') !default;
+$gridle-no-gutter-bottom-name-pattern 		: ('no','%-','gutter','%-','%state','%-','bottom') !default;
+
+$gridle-no-margins-name-pattern 			: ('no','%-','margins','%-','%state') !default;
+$gridle-no-margin-left-name-pattern 		: ('no','%-','margin','%-','%state','%-','left') !default;
+$gridle-no-margin-right-name-pattern 		: ('no','%-','margin','%-','%state','%-','right') !default;
+$gridle-no-margin-top-name-pattern 		: ('no','%-','margin','%-','%state','%-','top') !default;
+$gridle-no-margin-bottom-name-pattern 		: ('no','%-','margin','%-','%state','%-','bottom') !default;
+
+$gridle-gutters-name-pattern 			: ('gutters','%-','%state') !default;
+$gridle-gutter-left-name-pattern 			: ('gutters','%-','%state','%-','left') !default;
+$gridle-gutter-right-name-pattern 			: ('gutter','%-','%state','%-','right') !default;
+$gridle-gutter-top-name-pattern 			: ('gutter','%-','%state','%-','top') !default;
+$gridle-gutter-bottom-name-pattern 		: ('gutter','%-','%state','%-','bottom') !default;
+
+$gridle-margins-name-pattern 			: ('margins','%-','%state') !default;
+$gridle-margin-left-name-pattern 			: ('margin','%-','%state','%-','left') !default;
+$gridle-margin-right-name-pattern 			: ('margin','%-','%state','%-','right') !default;
+$gridle-margin-top-name-pattern 			: ('margin','%-','%state','%-','top') !default;
+$gridle-margin-bottom-name-pattern 		: ('margin','%-','%state','%-','bottom') !default;
+
+$gridle-auto-height-name-pattern 			: ('auto','%-','height','%-','%state') !default;
+
+$gridle-debug-color-name-pattern 			: ('debug','%-','color','%-','%state','%-','%count') !default;

data/stylesheets/gridle/_silent-classes.scss

@@ -0,0 +1,102 @@
+// |------------------------------------------------------
+// |------------------------------------------------------
+// | Silent classes
+// |------------------------------------------------------
+// |------------------------------------------------------
+
+%gridle-pie-clearfix {
+	&:after {
+		content: ".";
+		display: block;
+		clear: both;
+		visibility: hidden;
+		line-height: 0;
+		height: 0;
+	}
+	 
+	& {
+		display: inline-block;
+	}
+	 
+	html[xmlns] & {
+		display: block;
+	}
+	 
+	* html & {
+		height: 1%;
+	}
+}
+%gridle-simple-clearfix {
+	&:after {
+		content: "";
+		display: table;
+		clear: both;
+	}
+}
+%gridle-clearfix {
+	// For modern browser
+	&:before,
+	&:after {
+		content:"";
+		display:table;
+	}
+	&:after {
+		clear:both;
+	}
+	// For IE 6/7 (trigger hasLayout
+	& {
+	   zoom:1;
+	}
+}
+%gridle-push-pull-debug-background-common {
+	background-size:50px 90%;
+	background-position:0 50%;
+	background-repeat:repeat-x;
+}
+%gridle-push-pull-common {
+	position:relative;
+}
+%gridle-container-common {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+%gridle-parent-common {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+%gridle-container-debug-common {
+	background-color:#f5f5f5;
+}
+%gridle-grid-debug-common {
+	&:before,
+	&:after {
+		content:"";
+		display:block;
+		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRkEzNzVFNTg1NjgxMUUyOUI4RjhEMzg4QzM4QjZFOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRkEzNzVFNjg1NjgxMUUyOUI4RjhEMzg4QzM4QjZFOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGQTM3NUUzODU2ODExRTI5QjhGOEQzODhDMzhCNkU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGQTM3NUU0ODU2ODExRTI5QjhGOEQzODhDMzhCNkU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++5+BhQAAAA9JREFUeNpiYGBgkAIIMAAAHwAbZIBtGgAAAABJRU5ErkJggg==);
+		margin:10px 0;
+		padding:5px 0;
+		text-align:center;
+		color:white;
+		font-size:11px;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+		display:block !important;
+	}
+	background-color:#daeff5;
+}
+%gridle-grid-common {
+	display:inline-block;
+	min-height:1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+%gridle-prefix-debug-common {
+	background-color:#dae7e9 !important;
+}
+%gridle-suffix-debug-common {
+	background-color:#dae7e9 !important;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: gridle
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Olivier Bossel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-06 00:00:00.000000000 Z
+date: 2014-05-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -16,28 +16,14 @@ dependencies:
     requirements:
     - - '>='
       - !ruby/object:Gem::Version
-        version: 3.2.0
+        version: 3.3.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '>='
       - !ruby/object:Gem::Version
-        version: 3.2.0
-- !ruby/object:Gem::Dependency
-  name: compass
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '>='
-      - !ruby/object:Gem::Version
-        version: 0.12.1
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '>='
-      - !ruby/object:Gem::Version
-        version: 0.12.1
+        version: 3.3.0
 description: Gridle is a set of complete and simple settings, mixins and classes that
   make the creation and usage of grid systems (even complex ones) really simple.
 email:
@@ -48,27 +34,14 @@ extra_rdoc_files: []
 files:
 - lib/gridle.rb
 - stylesheets/_gridle.scss
-- stylesheets/gridle/_12-columns-classes.scss
-- stylesheets/gridle/_12-columns-responsive-classes.scss
-- stylesheets/gridle/_12-columns-responsive.scss
-- stylesheets/gridle/_12-columns.scss
-- stylesheets/gridle/_16-columns-classes.scss
-- stylesheets/gridle/_16-columns-responsive-classes.scss
-- stylesheets/gridle/_16-columns-responsive.scss
-- stylesheets/gridle/_16-columns.scss
-- stylesheets/gridle/_24-columns-classes.scss
-- stylesheets/gridle/_24-columns-responsive-classes.scss
-- stylesheets/gridle/_24-columns-responsive.scss
-- stylesheets/gridle/_24-columns.scss
-- stylesheets/gridle/_960gs-classes.scss
-- stylesheets/gridle/_960gs-responsive-classes.scss
-- stylesheets/gridle/_960gs-responsive.scss
-- stylesheets/gridle/_960gs.scss
+- stylesheets/gridle/_common-mixins.scss
+- stylesheets/gridle/_functions.scss
+- stylesheets/gridle/_generate-mixins.scss
 - stylesheets/gridle/_gridle.scss
-- stylesheets/gridle/_unsementic-classes.scss
-- stylesheets/gridle/_unsementic-responsive-classes.scss
-- stylesheets/gridle/_unsementic-responsive.scss
-- stylesheets/gridle/_unsementic.scss
+- stylesheets/gridle/_mixins.scss
+- stylesheets/gridle/_settings-mixins.scss
+- stylesheets/gridle/_settings.scss
+- stylesheets/gridle/_silent-classes.scss
 homepage: http://gridle.org
 licenses: []
 metadata: {}
@@ -88,7 +61,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: 1.3.6
 requirements: []
 rubyforge_project: gridle
-rubygems_version: 2.0.3
+rubygems_version: 2.0.14
 signing_key: 
 specification_version: 4
 summary: Gridle is a set of complete and simple settings, mixins and classes that

data/stylesheets/gridle/_12-columns-classes.scss

@@ -1,9 +0,0 @@
-/**
- * Imports :
- */
-@import '12-columns';
-
-/**
- * Generate classes :
- */
-@include gridle_generate_classes();

data/stylesheets/gridle/_12-columns-responsive-classes.scss

@@ -1,9 +0,0 @@
-/**
- * Imports :
- */
-@import '12-columns-responsive';
-
-/**
- * Generate classes :
- */
-@include gridle_generate_classes();

data/stylesheets/gridle/_12-columns-responsive.scss

@@ -1,14 +0,0 @@
-/**
- * Imports
- */
-@import 'gridle';
-
-/**
- * Configuration :
- */
-$gridle-columns-count : 12;
-
-/**
- * Register states :
- */
-@include gridle_register_default_states();