gridle 2.0.0 → 2.0.2
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/_api.scss +28 -0
- data/stylesheets/gridle/_driver-default.scss +15 -0
- data/stylesheets/gridle/_driver-flex.scss +15 -1
- data/stylesheets/gridle/_init.scss +3 -3
- 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: 2300b51661efacc64ad8f9403968063a2f4d998d
|
4
|
+
data.tar.gz: a86161be4699506fe4613ef08001d96c8a0f16cb
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4cdb907f5e605d8ea18d07bb07c43d4c4256058d5c2b15a999aba127d5ef4665459a04b35b1389cd64247a60b04fc7909a9e165b1d52820331cbaa9c2889668e
|
7
|
+
data.tar.gz: f29a6f1616cd658e03f5439d2ac0cb05c3f7ed54b0b5d2b189efb51d1bca69792a973024cce216bba03e37fdc6fbc0e90e99b0d2e4c93fc06c0b35de79093f37
|
data/lib/gridle.rb
CHANGED
@@ -17,8 +17,8 @@ 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 = "2015-10-
|
20
|
+
VERSION = "2.0.2"
|
21
|
+
DATE = "2015-10-09"
|
22
22
|
end
|
23
23
|
|
24
24
|
# This is where any custom SassScript should be placed. The functions will be
|
@@ -51,6 +51,34 @@
|
|
51
51
|
}
|
52
52
|
|
53
53
|
|
54
|
+
//
|
55
|
+
// Element queries
|
56
|
+
//
|
57
|
+
@mixin gridle_eq(
|
58
|
+
$var,
|
59
|
+
$height : false
|
60
|
+
) {
|
61
|
+
$op : "min-width";
|
62
|
+
@if $height {
|
63
|
+
@if $var < 0 {
|
64
|
+
$op : "max-height";
|
65
|
+
$var : $var * -1;
|
66
|
+
} @else {
|
67
|
+
$op : "min-height";
|
68
|
+
}
|
69
|
+
} @else {
|
70
|
+
@if $var < 0 {
|
71
|
+
$op : "max-width";
|
72
|
+
$var : $var * -1;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
|
76
|
+
&[#{$op}~="#{$var}"] {
|
77
|
+
@content;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
|
54
82
|
//
|
55
83
|
// Gridle use state
|
56
84
|
// This mixin will only set the current state to use and NOT print out any media query
|
@@ -96,6 +96,11 @@
|
|
96
96
|
float:left;
|
97
97
|
// direction:ltr;
|
98
98
|
}
|
99
|
+
@if $gridle-vendor-prefix {
|
100
|
+
-webkit-box-sizing: border-box;
|
101
|
+
-moz-box-sizing: border-box;
|
102
|
+
}
|
103
|
+
box-sizing: border-box;
|
99
104
|
@include gridle_gutter();
|
100
105
|
|
101
106
|
}
|
@@ -216,6 +221,11 @@
|
|
216
221
|
display: table-cell;
|
217
222
|
width:1px;
|
218
223
|
white-space:nowrap !important;
|
224
|
+
@if $gridle-vendor-prefix {
|
225
|
+
-webkit-box-sizing: border-box;
|
226
|
+
-moz-box-sizing: border-box;
|
227
|
+
}
|
228
|
+
box-sizing: border-box;
|
219
229
|
@include gridle_gutter();
|
220
230
|
}
|
221
231
|
@mixin gridle_grid_adapt(
|
@@ -234,6 +244,11 @@
|
|
234
244
|
display: table-cell;
|
235
245
|
width:99999px;
|
236
246
|
white-space: nowrap;
|
247
|
+
@if $gridle-vendor-prefix {
|
248
|
+
-webkit-box-sizing: border-box;
|
249
|
+
-moz-box-sizing: border-box;
|
250
|
+
}
|
251
|
+
box-sizing: border-box;
|
237
252
|
@include gridle_gutter();
|
238
253
|
|
239
254
|
}
|
@@ -88,8 +88,12 @@
|
|
88
88
|
// @include flexbox;
|
89
89
|
@include flex(0,0,auto);
|
90
90
|
@include flex-direction(column); // reset direction for inner elements
|
91
|
-
@include gridle_gutter(top right bottom left);
|
92
91
|
display: block;
|
92
|
+
@if $gridle-vendor-prefix {
|
93
|
+
-webkit-box-sizing: border-box;
|
94
|
+
-moz-box-sizing: border-box;
|
95
|
+
}
|
96
|
+
box-sizing: border-box;
|
93
97
|
@include gridle_gutter();
|
94
98
|
|
95
99
|
}
|
@@ -206,6 +210,11 @@
|
|
206
210
|
@include flexbox;
|
207
211
|
@include flex(0,1,auto);
|
208
212
|
@include flex-direction(column); // reset direction for inner elements
|
213
|
+
@if $gridle-vendor-prefix {
|
214
|
+
-webkit-box-sizing: border-box;
|
215
|
+
-moz-box-sizing: border-box;
|
216
|
+
}
|
217
|
+
box-sizing: border-box;
|
209
218
|
@include gridle_gutter();
|
210
219
|
}
|
211
220
|
@mixin gridle_grid_adapt(
|
@@ -225,6 +234,11 @@
|
|
225
234
|
@include flexbox;
|
226
235
|
@include flex(1,1,auto);
|
227
236
|
@include flex-direction(column); // reset direction for inner elements
|
237
|
+
@if $gridle-vendor-prefix {
|
238
|
+
-webkit-box-sizing: border-box;
|
239
|
+
-moz-box-sizing: border-box;
|
240
|
+
}
|
241
|
+
box-sizing: border-box;
|
228
242
|
@include gridle_gutter();
|
229
243
|
|
230
244
|
}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
// |------------------------------------------------------
|
2
2
|
// |------------------------------------------------------
|
3
3
|
// @created 25.03.13
|
4
|
-
// @updated
|
4
|
+
// @updated 09.10.15
|
5
5
|
// @author Olivier Bossel <olivier.bossel@gmail.com>
|
6
|
-
// @version 2.0.
|
6
|
+
// @version 2.0.2
|
7
7
|
// |------------------------------------------------------
|
8
8
|
// |------------------------------------------------------
|
9
9
|
|
@@ -16,7 +16,7 @@
|
|
16
16
|
// |------------------------------------------------------
|
17
17
|
// |------------------------------------------------------
|
18
18
|
|
19
|
-
$_gridle-version : "2.0.
|
19
|
+
$_gridle-version : "2.0.2";
|
20
20
|
|
21
21
|
|
22
22
|
|
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.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Olivier Bossel
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-10-
|
11
|
+
date: 2015-10-09 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|