gridle 1.2.1 → 1.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/gridle.rb +2 -2
- data/stylesheets/gridle/_common-mixins.scss +51 -35
- data/stylesheets/gridle/_functions.scss +109 -67
- data/stylesheets/gridle/_generate-mixins.scss +63 -117
- data/stylesheets/gridle/_gridle.scss +4 -3
- data/stylesheets/gridle/_mixins.scss +186 -180
- data/stylesheets/gridle/_settings-mixins.scss +58 -63
- data/stylesheets/gridle/_settings.scss +0 -20
- 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: 44b94a906c714886ffee185a7f395eadbaca2a70
|
4
|
+
data.tar.gz: 9b77ea15dd0dec3b527ddb4996a3068af41ebdea
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f4c36e31eb7124b2c0fc27181ec933a49456f0e727c2c578802a853f0ede75093f07eebbeb5399781fbe33fa38cf4baed7db2b4a792544892516f13709f29280
|
7
|
+
data.tar.gz: 6c955fadb5cad32bfd1f8aa99c1eba1ecaa40f6fd87580e602ce206492d9a49dac4046d18e50f83130fbd1e0024cd7294e438078ef4d78c378340e7be4743ee0
|
data/lib/gridle.rb
CHANGED
@@ -16,8 +16,8 @@
|
|
16
16
|
# a prerelease version
|
17
17
|
# Date is in the form of YYYY-MM-DD
|
18
18
|
module Extension
|
19
|
-
VERSION = "1.
|
20
|
-
DATE = "2014-05-
|
19
|
+
VERSION = "1.3.0"
|
20
|
+
DATE = "2014-05-14"
|
21
21
|
end
|
22
22
|
|
23
23
|
# This is where any custom SassScript should be placed. The functions will be
|
@@ -4,11 +4,14 @@
|
|
4
4
|
// |------------------------------------------------------
|
5
5
|
// |------------------------------------------------------
|
6
6
|
|
7
|
-
@mixin _gridle_container_common(
|
7
|
+
@mixin _gridle_container_common(
|
8
|
+
$state : null
|
9
|
+
) {
|
8
10
|
@extend %gridle-simple-clearfix;
|
9
11
|
@extend %gridle-container-common;
|
10
12
|
// debug part :
|
11
|
-
|
13
|
+
$debug : _gridle_get_var_value(debug, $state);
|
14
|
+
@if ($debug == true) {
|
12
15
|
#{$gridle-debug-selector} {
|
13
16
|
@extend %gridle-container-debug-common;
|
14
17
|
}
|
@@ -16,22 +19,31 @@
|
|
16
19
|
}
|
17
20
|
@mixin _gridle_grid_common() {
|
18
21
|
@extend %gridle-grid-common;
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
direction:
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
22
|
+
|
23
|
+
// loop on each states :
|
24
|
+
@each $stateName, $state in $_gridle-states
|
25
|
+
{
|
26
|
+
// vars :
|
27
|
+
$direction : _gridle_get_var_value(direction, $state);
|
28
|
+
$gutter-width : _gridle_get_var_value(gutter-width, $state);
|
29
|
+
$debug : _gridle_get_var_value(debug, $state);
|
30
|
+
|
31
|
+
@include gridle_state($state) {
|
32
|
+
@if $direction == rtl {
|
33
|
+
float:right;
|
34
|
+
direction:rtl;
|
35
|
+
} @else {
|
36
|
+
float:left;
|
37
|
+
direction:ltr;
|
38
|
+
}
|
31
39
|
|
32
|
-
|
33
|
-
|
34
|
-
|
40
|
+
padding:0 $gutter-width/2;
|
41
|
+
}
|
42
|
+
|
43
|
+
@if $debug == true {
|
44
|
+
#{$gridle-debug-selector} {
|
45
|
+
@extend %gridle-grid-debug-common;
|
46
|
+
}
|
35
47
|
}
|
36
48
|
}
|
37
49
|
}
|
@@ -39,44 +51,48 @@
|
|
39
51
|
@extend %gridle-clearfix;
|
40
52
|
@extend %gridle-parent-common;
|
41
53
|
}
|
42
|
-
@mixin _gridle_push_common(
|
54
|
+
@mixin _gridle_push_common(
|
55
|
+
$state : null
|
56
|
+
) {
|
57
|
+
$debug : _gridle_get_var_value(debug, $state);
|
58
|
+
|
43
59
|
// extend common :
|
44
60
|
@extend %gridle-push-pull-common;
|
45
|
-
@if $
|
61
|
+
@if $debug == true {
|
46
62
|
#{$gridle-debug-selector} {
|
47
63
|
@extend %gridle-push-pull-debug-background-common;
|
48
64
|
background-color:#f4efdf !important;
|
49
|
-
@if $gridle-direction == ltr {
|
50
|
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzZDQUQ0Rjg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzZDQUQ1MDg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNkNBRDREODUwNjExRTI4RDAyODNGOEZCQTAwN0M3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNDNkNBRDRFODUwNjExRTI4RDAyODNGOEZCQTAwN0M3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FdXphgAAA39JREFUeNrs3cGKwjAUQNGm7f//8FQyo66E6oAS8/Jy7qY7peEdGyFoqbUuks5bLYEEiPRWe8sXL6XcLq3fp2PX/elhjBotboDt/2qIPvsMSIxfX9xiQSJAIBEgkEACCCSQqBcQSAQIJJAAAgkkgEACCSCQQKLAQCARIJDckBRjBwgkz5FskAACCSSAQAIJIJBAAggkkGhUIJAIEEggAQQSSACBBBJAIIEEEEggAWTsIBEgkEACCCSQAAIJJIBAAgkgkEACCCSQAJI2SAQIJJAAAgkkgEACCSCQQAIIJJAAAgkkgEACCSALJJAIEEgECCSQAAIJJIBAAgkgkEACCCSQAAIJJIBAAgkggkSAQAIJIJBAAggkkAACCSSAQAIJIJBAAggkkAAiSAARJPMiAQQSSACBBBJAIIEEEEggAQQSSACBBBJAIIEEEP2L5AcSQPQ6SAARJIAIkmmQAAIJJIBAAgkgkEACCCSQAAIJJIAIEkAEydBIAIEEEkCGywFHQPQip4ABESTxkQACCSSAQAIJIJBAAggkkAAiSAARJKdI9khIAIEkYmGQAAJJWCTlL0AESWAkgEACCSCQQAIIJJAAIkgAESRBkAACCSSAQAIJIJoPydbaCCD52xLf26XWCog+wpH1z22O2loHIOlxrHAAIjgAERzfxgEIHHAAAgccgMABByCCAxDBEQQHIHCExbHcj8ksgAiOoDgAgQMOQOCA4/12MwdH564oLhFxeILAAQcgcMABCBxwAAIHHIAIDkAEByCCY2gcgMABByBwwAEIHHAAAgccgMABByBwwAGI4ABEcGTFAQgccAACBxyAwAEHIHDAAQgccATKjza0W9cCByB6rCRe0+lw2GLBAQcgcMABCBxwAAIHHIDAAQcgcMABCBxwAAIHHIAIDkAEhwCBAw5A4IADEDjgAAQOOACBAw5A4IADEDjgAAQOOACBAw5NDwQOAQKHAIEDDkDggAMQOOAABA44AIEDDkDggAMQOOAABA44NAcQOAQIHAIEDjgAgQMOQOCAAxA44AAEDjgAgQMOrXDAoVxA4BAgcAgQOOAABA44AIEDDkDggAMQOOBQeCBwCBA4BAgccAACBxyAwAHHdO1wNMdxGDNPEDjgAAQOOACBAw51BQKHAIFDgMABByBwwAEIHHCoAxA4NHSlVicgpAhf0iVApEz9CjAA65/oofjgOdQAAAAASUVORK5CYII=);
|
51
|
-
} @else {
|
52
|
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzZDQUQ0Qjg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzZDQUQ0Qzg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdDQjlFNzVFODUwNjExRTI4RDAyODNGOEZCQTAwN0M3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNDNkNBRDRBODUwNjExRTI4RDAyODNGOEZCQTAwN0M3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ee9ybwAAA3JJREFUeNrs3dEKgkAQQNE27f9/uJoM6iXKwFLH8Vzw1WjdwxZt2iLiIOl9R0MgASJNqp/z5K01I5znOle9GOeY8XuCFQQOOACBAw5ABAcggiMW/G0CEDjgAAQOOACBAw5ABAcggiMBjufgapvdUXRwWEG0QxzDkWKbOSBwwAEIHHAAAgccgMABByCCAxDBkRsHIHDAAQgccAACBxyAwAEHIHDAAYjgAERwbBoHIHDAAQgccAACBxyAwAEHIHDAAQgccAAiOAARHFVxAAIHHIDAAQcgcMABCBxwAAIHHIDAAQcgcMABiOAARHAAIjjgAAQOOACBAw5A4IADEDjgAAQOOACBAw5A4IADEDjgAAQOOAQIHAIEDjgAgQMOQOCAAxA44AAEDjgAgQMOQOCAAxA44NhjPRxligcOAQLHS9fhuJjOPmLBAQcgcMABCBxwAAIHHIDAAQcgcMABCBxwqCwQOAQIHAIEDjgAgQMOQOCAAxA44AAEDjgAgQMObRUIHAIEDgECBxyAwAEHIHDAUbo+MY6qN5SAwwoCBxyAwAEHIHDAAQgccCgtEDgECBwCBA44AIEDDkDggEMrAIFDgMAhQOCAAxA4vhRwAPJrXeHxgwMQk2ik/lD3ablaCEj1p69CAggkkAACCSRaEQgkAgQSSACBBBJAIIFEa/9hChIBAgkkgEACCSCLIAlIBMhnJBdIBAgkAgQSSACBBBJAIIEEEEgg0eaAQCJAICl7YwtAIPlbJ1MSEEggAQQSSACBBBJAIIEEEEggUVEgkAgQSCABBBJIAIEEEkAggQQQSFZHYoMjIJCMZBcwIJBAAggkkAACCSSAQAIJIJBAAggkkACy4/cOiQCBBBJAIIEEEEggAQQSSACBBBJAIIEEEEggAQQSSAARJAIEEkgAgQQSQCCBBBBIIAEEEkgAgQQSQCCBBBBBAogggQQQSCABBBJIAIEEEkAggQQQSCABBBJIABEkgAiSwkgAgQQSQCCBBBBIIAEEEkgAgQQSQCCBBBBB0gARJEWRAAIJJIBAAgkgkEACCCSQACJIABEk+ZEAAgkkgEACCSCQQAIIJJAAojEkZ0gA0XiQACJIABEkH5G0IUAESWIkgEACCSCQQAKIIAFEkAAiSJIgAQQSSACBBJKJLzLnySPCFM2BRFYQCRBp0W4CDAAOV/Wfo7G12gAAAABJRU5ErkJggg==);
|
53
|
-
}
|
54
65
|
}
|
55
66
|
}
|
56
67
|
}
|
57
|
-
@mixin _gridle_pull_common(
|
68
|
+
@mixin _gridle_pull_common(
|
69
|
+
$state : null
|
70
|
+
) {
|
71
|
+
$debug : _gridle_get_var_value(debug, $state);
|
72
|
+
|
58
73
|
@extend %gridle-push-pull-common;
|
59
|
-
@if $
|
74
|
+
@if $debug == true {
|
60
75
|
#{$gridle-debug-selector} {
|
61
76
|
@extend %gridle-push-pull-debug-background-common;
|
62
77
|
background-color:#cfe4d5 !important;
|
63
|
-
@if $gridle-direction == ltr {
|
64
|
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzZDQUQ0Qjg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzZDQUQ0Qzg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdDQjlFNzVFODUwNjExRTI4RDAyODNGOEZCQTAwN0M3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNDNkNBRDRBODUwNjExRTI4RDAyODNGOEZCQTAwN0M3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ee9ybwAAA3JJREFUeNrs3dEKgkAQQNE27f9/uJoM6iXKwFLH8Vzw1WjdwxZt2iLiIOl9R0MgASJNqp/z5K01I5znOle9GOeY8XuCFQQOOACBAw5ABAcggiMW/G0CEDjgAAQOOACBAw5ABAcggiMBjufgapvdUXRwWEG0QxzDkWKbOSBwwAEIHHAAAgccgMABByCCAxDBkRsHIHDAAQgccAACBxyAwAEHIHDAAYjgAERwbBoHIHDAAQgccAACBxyAwAEHIHDAAQgccAAiOAARHFVxAAIHHIDAAQcgcMABCBxwAAIHHIDAAQcgcMABiOAARHAAIjjgAAQOOACBAw5A4IADEDjgAAQOOACBAw5A4IADEDjgAAQOOAQIHAIEDjgAgQMOQOCAAxA44AAEDjgAgQMOQOCAAxA44NhjPRxligcOAQLHS9fhuJjOPmLBAQcgcMABCBxwAAIHHIDAAQcgcMABCBxwqCwQOAQIHAIEDjgAgQMOQOCAAxA44AAEDjgAgQMObRUIHAIEDgECBxyAwAEHIHDAUbo+MY6qN5SAwwoCBxyAwAEHIHDAAQgccCgtEDgECBwCBA44AIEDDkDggEMrAIFDgMAhQOCAAxA4vhRwAPJrXeHxgwMQk2ik/lD3ablaCEj1p69CAggkkAACCSRaEQgkAgQSSACBBBJAIIFEa/9hChIBAgkkgEACCSCLIAlIBMhnJBdIBAgkAgQSSACBBBJAIIEEEEgg0eaAQCJAICl7YwtAIPlbJ1MSEEggAQQSSACBBBJAIIEEEEggUVEgkAgQSCABBBJIAIEEEkAggQQQSFZHYoMjIJCMZBcwIJBAAggkkAACCSSAQAIJIJBAAggkkACy4/cOiQCBBBJAIIEEEEggAQQSSACBBBJAIIEEEEggAQQSSAARJAIEEkgAgQQSQCCBBBBIIAEEEkgAgQQSQCCBBBBBAogggQQQSCABBBJIAIEEEkAggQQQSCABBBJIABEkgAiSwkgAgQQSQCCBBBBIIAEEEkgAgQQSQCCBBBBB0gARJEWRAAIJJIBAAgkgkEACCCSQACJIABEk+ZEAAgkkgEACCSCQQAIIJJAAojEkZ0gA0XiQACJIABEkH5G0IUAESWIkgEACCSCQQAKIIAFEkAAiSJIgAQQSSACBBJKJLzLnySPCFM2BRFYQCRBp0W4CDAAOV/Wfo7G12gAAAABJRU5ErkJggg==);
|
65
|
-
} @else {
|
66
|
-
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzZDQUQ0Rjg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzZDQUQ1MDg1MDYxMUUyOEQwMjgzRjhGQkEwMDdDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNkNBRDREODUwNjExRTI4RDAyODNGOEZCQTAwN0M3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNDNkNBRDRFODUwNjExRTI4RDAyODNGOEZCQTAwN0M3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FdXphgAAA39JREFUeNrs3cGKwjAUQNGm7f//8FQyo66E6oAS8/Jy7qY7peEdGyFoqbUuks5bLYEEiPRWe8sXL6XcLq3fp2PX/elhjBotboDt/2qIPvsMSIxfX9xiQSJAIBEgkEACCCSQqBcQSAQIJJAAAgkkgEACCSCQQKLAQCARIJDckBRjBwgkz5FskAACCSSAQAIJIJBAAggkkGhUIJAIEEggAQQSSACBBBJAIIEEEEggAWTsIBEgkEACCCSQAAIJJIBAAgkgkEACCCSQAJI2SAQIJJAAAgkkgEACCSCQQAIIJJAAAgkkgEACCSALJJAIEEgECCSQAAIJJIBAAgkgkEACCCSQAAIJJIBAAgkggkSAQAIJIJBAAggkkAACCSSAQAIJIJBAAggkkAAiSAARJPMiAQQSSACBBBJAIIEEEEggAQQSSACBBBJAIIEEEP2L5AcSQPQ6SAARJIAIkmmQAAIJJIBAAgkgkEACCCSQAAIJJIAIEkAEydBIAIEEEkCGywFHQPQip4ABESTxkQACCSSAQAIJIJBAAggkkAAiSAARJKdI9khIAIEkYmGQAAJJWCTlL0AESWAkgEACCSCQQAIIJJAAIkgAESRBkAACCSSAQAIJIJoPydbaCCD52xLf26XWCog+wpH1z22O2loHIOlxrHAAIjgAERzfxgEIHHAAAgccgMABByCCAxDBEQQHIHCExbHcj8ksgAiOoDgAgQMOQOCA4/12MwdH564oLhFxeILAAQcgcMABCBxwAAIHHIAIDkAEByCCY2gcgMABByBwwAEIHHAAAgccgMABByBwwAGI4ABEcGTFAQgccAACBxyAwAEHIHDAAQgccATKjza0W9cCByB6rCRe0+lw2GLBAQcgcMABCBxwAAIHHIDAAQcgcMABCBxwAAIHHIAIDkAEhwCBAw5A4IADEDjgAAQOOACBAw5A4IADEDjgAAQOOACBAw5NDwQOAQKHAIEDDkDggAMQOOAABA44AIEDDkDggAMQOOAABA44NAcQOAQIHAIEDjgAgQMOQOCAAxA44AAEDjgAgQMOrXDAoVxA4BAgcAgQOOAABA44AIEDDkDggAMQOOBQeCBwCBA4BAgccAACBxyAwAHHdO1wNMdxGDNPEDjgAAQOOACBAw51BQKHAIFDgMABByBwwAEIHHCoAxA4NHSlVicgpAhf0iVApEz9CjAA65/oofjgOdQAAAAASUVORK5CYII=);
|
67
|
-
}
|
68
78
|
}
|
69
79
|
}
|
70
80
|
}
|
71
|
-
@mixin _gridle_prefix_common(
|
72
|
-
|
81
|
+
@mixin _gridle_prefix_common(
|
82
|
+
$state : null
|
83
|
+
) {
|
84
|
+
$debug : _gridle_get_var_value(debug, $state);
|
85
|
+
@if $debug == true {
|
73
86
|
#{$gridle-debug-selector} {
|
74
87
|
@extend %gridle-prefix-debug-common;
|
75
88
|
}
|
76
89
|
}
|
77
90
|
}
|
78
|
-
@mixin _gridle_suffix_common(
|
79
|
-
|
91
|
+
@mixin _gridle_suffix_common(
|
92
|
+
$state : null
|
93
|
+
) {
|
94
|
+
$debug : _gridle_get_var_value(debug, $state);
|
95
|
+
@if $debug == true {
|
80
96
|
#{$gridle-debug-selector} {
|
81
97
|
@extend %gridle-suffix-debug-common;
|
82
98
|
}
|
@@ -26,39 +26,37 @@
|
|
26
26
|
* @param int $context : $gridle-columns-count The context to use
|
27
27
|
* @return percentage The width in percent
|
28
28
|
*/
|
29
|
-
@function
|
29
|
+
@function gridle_get_column_width(
|
30
30
|
$columns : 1,
|
31
|
-
$
|
31
|
+
$stateMap-or-stateName : null
|
32
32
|
) {
|
33
33
|
@return percentage(1 / $context * $columns);
|
34
34
|
}
|
35
|
-
@function gridle_get_column_width(
|
36
|
-
$columns : 1,
|
37
|
-
$context : $gridle-columns-count
|
38
|
-
) {
|
39
|
-
@return gridle_get_columns_width($columns, $context);
|
40
|
-
}
|
41
35
|
|
42
36
|
|
43
37
|
/**
|
44
38
|
* Get a state map
|
39
|
+
*
|
40
|
+
* @param string $name The name of the state to get
|
41
|
+
* @return map A state map object
|
45
42
|
*/
|
46
43
|
@function _gridle_get_state(
|
47
|
-
$
|
44
|
+
$stateMap-or-stateName
|
48
45
|
) {
|
49
|
-
// if name if not a string, return null :
|
50
|
-
@if type-of($name) != string
|
51
|
-
{
|
52
|
-
@return false;
|
53
|
-
}
|
54
|
-
|
55
46
|
// check if has a state named like this :
|
56
|
-
@if (map-has-key($_gridle_states, $
|
47
|
+
@if (map-has-key($_gridle_states, $stateMap-or-stateName))
|
57
48
|
{
|
58
|
-
@return map-get($_gridle_states, unquote($
|
49
|
+
@return map-get($_gridle_states, unquote($stateMap-or-stateName));
|
59
50
|
}
|
60
51
|
|
61
|
-
|
52
|
+
// nothing finded, so return the default state :
|
53
|
+
@if $stateMap-or-stateName
|
54
|
+
{
|
55
|
+
@return map-merge($_gridle-settings, $stateMap-or-stateName);
|
56
|
+
}
|
57
|
+
|
58
|
+
// nothing finded, return the default state :
|
59
|
+
@return $_gridle-settings;
|
62
60
|
}
|
63
61
|
|
64
62
|
|
@@ -89,6 +87,35 @@
|
|
89
87
|
}
|
90
88
|
|
91
89
|
|
90
|
+
/**
|
91
|
+
* Get a variable
|
92
|
+
*
|
93
|
+
* @param String $varName The variable name
|
94
|
+
* @param String $stateMap-or-stateName The state name or a map state value
|
95
|
+
* @return Mixed The finded value
|
96
|
+
*/
|
97
|
+
@function _gridle_get_var_value(
|
98
|
+
$varName,
|
99
|
+
$stateMap-or-stateName : null
|
100
|
+
) {
|
101
|
+
// if is a state :
|
102
|
+
$state : null;
|
103
|
+
|
104
|
+
// get the state (if no state find, return the default one) :
|
105
|
+
$state : _gridle_get_state($stateMap-or-stateName);
|
106
|
+
|
107
|
+
// extend default state with given state :
|
108
|
+
$props : map-merge($_gridle-settings, $state);
|
109
|
+
|
110
|
+
@if map-has-key($props, unquote($varName)) {
|
111
|
+
@return map-get($state, unquote($varName));
|
112
|
+
}
|
113
|
+
|
114
|
+
// nothing finded :
|
115
|
+
@return null;
|
116
|
+
}
|
117
|
+
|
118
|
+
|
92
119
|
/**
|
93
120
|
* Set a variable in a state
|
94
121
|
* @param Mixed $stateName-or-stateIndex The state name of state index
|
@@ -134,14 +161,12 @@
|
|
134
161
|
@function _gridle_create_column(
|
135
162
|
$name,
|
136
163
|
$columns,
|
137
|
-
$context
|
138
|
-
$generateClasses : true
|
164
|
+
$context
|
139
165
|
) {
|
140
166
|
@return (
|
141
167
|
name : $name,
|
142
168
|
columns : $columns,
|
143
|
-
context : $context
|
144
|
-
generateClasses : $generateClasses
|
169
|
+
context : $context
|
145
170
|
);
|
146
171
|
}
|
147
172
|
|
@@ -162,6 +187,11 @@
|
|
162
187
|
// init selector :
|
163
188
|
$sel : ".";
|
164
189
|
|
190
|
+
// delete default :
|
191
|
+
@if unquote($state) == default {
|
192
|
+
$state : null;
|
193
|
+
}
|
194
|
+
|
165
195
|
// add class prefix :
|
166
196
|
@if $gridle-class-prefix and $gridle-class-prefix != '' {
|
167
197
|
$sel : "#{$sel}#{$gridle-class-prefix}";
|
@@ -216,67 +246,79 @@
|
|
216
246
|
* @param Mixed $max-width The max width if first param is a min width
|
217
247
|
* @return String The media query string without the @media
|
218
248
|
*/
|
219
|
-
@function
|
220
|
-
$state-or-
|
221
|
-
$max-width : null
|
249
|
+
@function _gridle_get_media_query(
|
250
|
+
$state-or-settings
|
222
251
|
) {
|
252
|
+
// check if is a string :
|
253
|
+
$state : null;
|
254
|
+
@if type-of($state-or-settings) == string
|
255
|
+
{
|
256
|
+
$state : _gridle_get_state($state-or-settings);
|
257
|
+
}
|
258
|
+
@else if $state-or-settings == null
|
259
|
+
{
|
260
|
+
$state : $_gridle-settings;
|
261
|
+
}
|
262
|
+
@else
|
263
|
+
{
|
264
|
+
$state : map-merge($_gridle-settings, $state-or-settings);
|
265
|
+
}
|
223
266
|
|
224
|
-
//
|
225
|
-
$state : _gridle_get_state($state-or-min-width);
|
226
|
-
|
227
|
-
// if there's an idx, the state requested is a registered one :
|
267
|
+
// if it's some settings or a state :
|
228
268
|
@if $state {
|
229
269
|
|
230
270
|
// get vars :
|
231
271
|
$name : map-get($state, name);
|
232
272
|
$min-width : map-get($state, min-width);
|
233
273
|
$max-width : map-get($state, max-width);
|
234
|
-
$classes : map-get($state, classes);
|
235
274
|
$query : map-get($state, query);
|
236
275
|
|
237
|
-
//
|
238
|
-
@if $
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
@return "screen and (max-width: #{$max-width})";
|
250
|
-
} @else if $min-width and $max-width == null {
|
251
|
-
@return "screen and (min-width: #{$min-width})";
|
252
|
-
} @else {
|
253
|
-
@return false;
|
254
|
-
}
|
255
|
-
}
|
256
|
-
} @else {
|
257
|
-
@return "not working";
|
276
|
+
// direct query :
|
277
|
+
@if $query
|
278
|
+
{
|
279
|
+
@return $query;
|
280
|
+
}
|
281
|
+
@else if $min-width and $max-width
|
282
|
+
{
|
283
|
+
@return "screen and (min-width: #{$min-width}) and (max-width: #{$max-width})";
|
284
|
+
}
|
285
|
+
@else if $min-width
|
286
|
+
{
|
287
|
+
@return "screen and (min-width: #{$min-width})";
|
258
288
|
}
|
259
|
-
|
289
|
+
@else if $max-width
|
290
|
+
{
|
291
|
+
@return "screen and (max-width: #{$max-width})";
|
292
|
+
}
|
293
|
+
@else
|
294
|
+
{
|
295
|
+
@return null;
|
296
|
+
}
|
297
|
+
|
298
|
+
}
|
299
|
+
@else if unquote($state-or-settings) == print
|
300
|
+
{
|
260
301
|
@return "only print";
|
261
|
-
}
|
302
|
+
}
|
303
|
+
@else if unquote($state-or-settings) == tv
|
304
|
+
{
|
262
305
|
@return "only tv";
|
263
|
-
}
|
306
|
+
}
|
307
|
+
@else if unquote($state-or-settings) == portrait
|
308
|
+
{
|
264
309
|
@return "only screen and (orientation: portrait)";
|
265
|
-
}
|
310
|
+
}
|
311
|
+
@else if unquote($state-or-settings) == landscape
|
312
|
+
{
|
266
313
|
@return "only screen and (orientation: landscape)";
|
267
|
-
}
|
314
|
+
}
|
315
|
+
@else if unquote($state-or-settings) == retina
|
316
|
+
{
|
268
317
|
@return "only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)";
|
269
|
-
}
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
} @else if $state-or-min-width and $max-width == null {
|
274
|
-
@return "screen and (min-width: #{$state-or-min-width})";
|
275
|
-
} @else if $state-or-min-width == null and $max-width {
|
276
|
-
@return "screen and (max-width: #{$max-width})";
|
277
|
-
} @else {
|
278
|
-
@return null;
|
279
|
-
}
|
318
|
+
}
|
319
|
+
@else
|
320
|
+
{
|
321
|
+
@return null;
|
280
322
|
}
|
281
323
|
}
|
282
324
|
|
@@ -113,7 +113,8 @@
|
|
113
113
|
}
|
114
114
|
|
115
115
|
// debug colors :
|
116
|
-
|
116
|
+
$debug : _gridle_get_var_value(debug, $state);
|
117
|
+
@if $debug {
|
117
118
|
// debug color classes :
|
118
119
|
#{_gridle_classname($gridle-debug-color-name-pattern, $state, 1)} {
|
119
120
|
#{$gridle-debug-selector} {
|
@@ -168,7 +169,7 @@
|
|
168
169
|
|
169
170
|
$value : null;
|
170
171
|
@if $varName == "query" {
|
171
|
-
$value :
|
172
|
+
$value : _gridle_get_media_query_for_state($stateName);
|
172
173
|
} @else {
|
173
174
|
$value : map-get($state,$varName);
|
174
175
|
// $value : _gridle_get_state_var($i,$var);
|
@@ -244,12 +245,6 @@
|
|
244
245
|
$has-parent
|
245
246
|
) {
|
246
247
|
|
247
|
-
// check if debug is activated :
|
248
|
-
@if $gridle-debug {
|
249
|
-
$gridle-html-states-classes : true !global;
|
250
|
-
}
|
251
|
-
|
252
|
-
|
253
248
|
// | ------------------------
|
254
249
|
// | Windows 8 fix
|
255
250
|
// | ------------------------
|
@@ -295,75 +290,6 @@
|
|
295
290
|
$suffix-common-selector : ();
|
296
291
|
|
297
292
|
|
298
|
-
// | ------------------------
|
299
|
-
// | Default classes
|
300
|
-
// | ------------------------
|
301
|
-
|
302
|
-
// get specials columns :
|
303
|
-
$columnsMap : map-merge((), $_gridle_columns);
|
304
|
-
|
305
|
-
// register all default columns :
|
306
|
-
@for $i from 0 through $gridle-columns-count {
|
307
|
-
|
308
|
-
// name :
|
309
|
-
$columnName : "#{$i*$gridle-name-multiplicator}";
|
310
|
-
|
311
|
-
// create a column :
|
312
|
-
$col : _gridle_create_column($columnName, $i, $gridle-columns-count);
|
313
|
-
|
314
|
-
// add column in columns map :
|
315
|
-
$columnsMap : map-set($columnsMap, $columnName, $col);
|
316
|
-
}
|
317
|
-
|
318
|
-
// generate all classes for columns :
|
319
|
-
@each $columnName, $column in $columnsMap {
|
320
|
-
|
321
|
-
// variables :
|
322
|
-
$columnsCount : map-get($column, columns);
|
323
|
-
$context : map-get($column, context);
|
324
|
-
|
325
|
-
// classes :
|
326
|
-
#{_gridle_classname($gridle-grid-name-pattern, null, $columnName)} {
|
327
|
-
@include _gridle($columnsCount, null, $context);
|
328
|
-
}
|
329
|
-
@if $gridle-generate-push-classes == true {
|
330
|
-
#{_gridle_classname($gridle-push-name-pattern, null, $columnName)} {
|
331
|
-
@include _gridle_push($columnsCount, null, $context);
|
332
|
-
}
|
333
|
-
}
|
334
|
-
@if $gridle-generate-pull-classes == true {
|
335
|
-
#{_gridle_classname($gridle-pull-name-pattern, null, $columnName)} {
|
336
|
-
@include _gridle_pull($columnsCount, null, $context);
|
337
|
-
}
|
338
|
-
}
|
339
|
-
@if $gridle-generate-prefix-classes == true {
|
340
|
-
#{_gridle_classname($gridle-prefix-name-pattern, null, $columnName)} {
|
341
|
-
@include _gridle_prefix($columnsCount, null, $context);
|
342
|
-
}
|
343
|
-
}
|
344
|
-
@if $gridle-generate-suffix-classes == true {
|
345
|
-
#{_gridle_classname($gridle-suffix-name-pattern, null, $columnName)} {
|
346
|
-
@include _gridle_suffix($columnsCount, null, $context);
|
347
|
-
}
|
348
|
-
}
|
349
|
-
}
|
350
|
-
|
351
|
-
// helpers classes :
|
352
|
-
@if $gridle-generate-helpers-classes == true {
|
353
|
-
@include _gridle_generate_helper_classes();
|
354
|
-
}
|
355
|
-
|
356
|
-
// loop on each columns to generate common selector :
|
357
|
-
@each $columnName, $column in $columnsMap {
|
358
|
-
|
359
|
-
// selectors :
|
360
|
-
$common-selector : append( $common-selector, unquote(_gridle_classname($gridle-grid-name-pattern, null, $columnName)), comma );
|
361
|
-
$push-common-selector : append( $push-common-selector, unquote(_gridle_classname($gridle-push-name-pattern, null, $columnName)), comma );
|
362
|
-
$pull-common-selector : append( $pull-common-selector, unquote(_gridle_classname($gridle-pull-name-pattern, null, $columnName)), comma );
|
363
|
-
$prefix-common-selector : append( $prefix-common-selector, unquote(_gridle_classname($gridle-prefix-name-pattern, null, $columnName)), comma );
|
364
|
-
$suffix-common-selector : append( $suffix-common-selector, unquote(_gridle_classname($gridle-suffix-name-pattern, null, $columnName)), comma );
|
365
|
-
}
|
366
|
-
|
367
293
|
// | ------------------------
|
368
294
|
// | Media queries classes common selectors
|
369
295
|
// | ------------------------
|
@@ -373,11 +299,16 @@
|
|
373
299
|
|
374
300
|
// setup vars :
|
375
301
|
$media : $stateName;
|
376
|
-
$classes : map-get($state,
|
377
|
-
$context : map-get($state,
|
302
|
+
$classes : map-get($state, classes);
|
303
|
+
$context : map-get($state, context);
|
304
|
+
$name-multiplicator : map-get($state, name-multiplicator);
|
305
|
+
$generate-push-classes : _gridle_get_var_value(generate-push-classes, $state);
|
306
|
+
$generate-pull-classes : _gridle_get_var_value(generate-pull-classes, $state);
|
307
|
+
$generate-prefix-classes : _gridle_get_var_value(generate-prefix-classes, $state);
|
308
|
+
$generate-suffix-classes : _gridle_get_var_value(generate-suffix-classes, $state);
|
378
309
|
|
379
310
|
// generate classes :
|
380
|
-
@if $
|
311
|
+
@if $classes == true and $context {
|
381
312
|
|
382
313
|
// get specials columns :
|
383
314
|
$columnsMap : map-merge((), $_gridle_columns);
|
@@ -386,7 +317,7 @@
|
|
386
317
|
@for $j from 0 through $context {
|
387
318
|
|
388
319
|
// name :
|
389
|
-
$columnName : "#{$j*$
|
320
|
+
$columnName : "#{$j*$name-multiplicator}";
|
390
321
|
|
391
322
|
// // create a column :
|
392
323
|
$col : _gridle_create_column($columnName, $j, $context);
|
@@ -400,10 +331,18 @@
|
|
400
331
|
|
401
332
|
// add selector :
|
402
333
|
$common-selector : append( $common-selector, unquote(_gridle_classname($gridle-grid-name-pattern, $media, $columnName)), comma );
|
403
|
-
|
404
|
-
|
405
|
-
|
406
|
-
|
334
|
+
@if $generate-push-classes {
|
335
|
+
$push-common-selector : append( $push-common-selector, unquote(_gridle_classname($gridle-push-name-pattern, $media, $columnName)), comma );
|
336
|
+
}
|
337
|
+
@if $generate-pull-classes {
|
338
|
+
$pull-common-selector : append( $pull-common-selector, unquote(_gridle_classname($gridle-pull-name-pattern, $media, $columnName)), comma );
|
339
|
+
}
|
340
|
+
@if $generate-prefix-classes {
|
341
|
+
$prefix-common-selector : append( $prefix-common-selector, unquote(_gridle_classname($gridle-prefix-name-pattern, $media, $columnName)), comma );
|
342
|
+
}
|
343
|
+
@if $generate-suffix-classes {
|
344
|
+
$suffix-common-selector : append( $suffix-common-selector, unquote(_gridle_classname($gridle-suffix-name-pattern, $media, $columnName)), comma );
|
345
|
+
}
|
407
346
|
}
|
408
347
|
}
|
409
348
|
}
|
@@ -434,25 +373,27 @@
|
|
434
373
|
@each $stateName, $state in $_gridle_states {
|
435
374
|
|
436
375
|
// setup vars :
|
437
|
-
$
|
438
|
-
$
|
439
|
-
$
|
440
|
-
$
|
441
|
-
$
|
442
|
-
$
|
376
|
+
$classes : _gridle_get_var_value(classes, $state);
|
377
|
+
$context : _gridle_get_var_value(context, $state);
|
378
|
+
$name-multiplicator : _gridle_get_var_value(name-multiplicator, $state);
|
379
|
+
$generate-push-classes : _gridle_get_var_value(generate-push-classes, $state);
|
380
|
+
$generate-pull-classes : _gridle_get_var_value(generate-pull-classes, $state);
|
381
|
+
$generate-prefix-classes : _gridle_get_var_value(generate-prefix-classes, $state);
|
382
|
+
$generate-suffix-classes : _gridle_get_var_value(generate-suffix-classes, $state);
|
383
|
+
$generate-helpers-classes : _gridle_get_var_value(generate-helpers-classes, $state);
|
443
384
|
|
444
385
|
// parent common css :
|
445
|
-
$parentSelector : _gridle_classname($gridle-parent-name-pattern,$
|
386
|
+
$parentSelector : _gridle_classname($gridle-parent-name-pattern,$stateName,null);
|
446
387
|
#{$parentSelector} {
|
447
388
|
@extend %gridle-clearfix;
|
448
389
|
@extend %gridle-parent-common;
|
449
390
|
}
|
450
391
|
|
451
392
|
// generate all media queries grid classes :
|
452
|
-
@if $
|
393
|
+
@if $classes == true {
|
453
394
|
|
454
395
|
// generate all the classes :
|
455
|
-
@include gridle_state($
|
396
|
+
@include gridle_state($stateName, $has-parent) {
|
456
397
|
|
457
398
|
// get specials columns :
|
458
399
|
$columnsMap : map-merge((), $_gridle_columns);
|
@@ -461,7 +402,7 @@
|
|
461
402
|
@for $j from 0 through $context {
|
462
403
|
|
463
404
|
// name :
|
464
|
-
$columnName : "#{$j*$
|
405
|
+
$columnName : "#{$j*$name-multiplicator}";
|
465
406
|
|
466
407
|
// // create a column :
|
467
408
|
$col : _gridle_create_column($columnName, $j, $context);
|
@@ -475,47 +416,52 @@
|
|
475
416
|
|
476
417
|
// variables :
|
477
418
|
$columnsCount : map-get($column, columns);
|
478
|
-
$
|
419
|
+
$columnsContext : map-get($column, context);
|
420
|
+
|
421
|
+
// extend context in state (for columns) :
|
422
|
+
$extendedState : map-merge($state, (
|
423
|
+
context : $columnsContext
|
424
|
+
));
|
479
425
|
|
480
426
|
// classes :
|
481
|
-
#{_gridle_classname($gridle-grid-name-pattern, $
|
482
|
-
@include _gridle($columnsCount, $
|
427
|
+
#{_gridle_classname($gridle-grid-name-pattern, $stateName, $columnName)} {
|
428
|
+
@include _gridle($columnsCount, $extendedState);
|
483
429
|
}
|
484
|
-
@if $
|
485
|
-
#{_gridle_classname($gridle-push-name-pattern, $
|
486
|
-
@include _gridle_push($columnsCount, $
|
430
|
+
@if $generate-push-classes == true {
|
431
|
+
#{_gridle_classname($gridle-push-name-pattern, $stateName, $columnName)} {
|
432
|
+
@include _gridle_push($columnsCount, $extendedState);
|
487
433
|
}
|
488
434
|
}
|
489
|
-
@if $
|
490
|
-
#{_gridle_classname($gridle-pull-name-pattern, $
|
491
|
-
@include _gridle_pull($columnsCount, $
|
435
|
+
@if $generate-pull-classes == true {
|
436
|
+
#{_gridle_classname($gridle-pull-name-pattern, $stateName, $columnName)} {
|
437
|
+
@include _gridle_pull($columnsCount, $extendedState);
|
492
438
|
}
|
493
439
|
}
|
494
|
-
@if $
|
495
|
-
#{_gridle_classname($gridle-prefix-name-pattern, $
|
496
|
-
@include _gridle_prefix($columnsCount, $
|
440
|
+
@if $generate-prefix-classes == true {
|
441
|
+
#{_gridle_classname($gridle-prefix-name-pattern, $stateName, $columnName)} {
|
442
|
+
@include _gridle_prefix($columnsCount, $extendedState);
|
497
443
|
}
|
498
444
|
}
|
499
|
-
@if $
|
500
|
-
#{_gridle_classname($gridle-suffix-name-pattern, $
|
501
|
-
@include _gridle_suffix($columnsCount, $
|
445
|
+
@if $generate-suffix-classes == true {
|
446
|
+
#{_gridle_classname($gridle-suffix-name-pattern, $stateName, $columnName)} {
|
447
|
+
@include _gridle_suffix($columnsCount, $extendedState);
|
502
448
|
}
|
503
449
|
}
|
504
450
|
}
|
505
451
|
|
506
452
|
// media queries helpers classes :
|
507
|
-
@if $
|
508
|
-
@include _gridle_generate_helper_classes($
|
453
|
+
@if $generate-helpers-classes == true {
|
454
|
+
@include _gridle_generate_helper_classes($stateName);
|
509
455
|
}
|
510
456
|
}
|
511
457
|
}
|
512
458
|
}
|
513
459
|
|
514
460
|
|
515
|
-
// | ------------------------
|
516
|
-
// | JSON Settings
|
517
|
-
// | ------------------------
|
461
|
+
// // | ------------------------
|
462
|
+
// // | JSON Settings
|
463
|
+
// // | ------------------------
|
518
464
|
|
519
|
-
// generate json settings :
|
520
|
-
@include gridle_generate_json_settings();
|
465
|
+
// // generate json settings :
|
466
|
+
// @include gridle_generate_json_settings();
|
521
467
|
}
|