ezy 0.2.0 → 0.2.6.alpha
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/README.md +101 -6
- data/VERSION +1 -1
- data/ezy.gemspec +3 -5
- data/sass/_ezy.scss +3 -3
- data/sass/ezy/_clearfix.scss +25 -0
- data/sass/ezy/_functions.scss +11 -0
- data/sass/ezy/_grid.scss +250 -0
- data/sass/ezy/_media.scss +47 -0
- data/sass/ezy/_settings.scss +18 -0
- data/sass/ezy/_sprites.scss +29 -82
- data/sass/ezy/grid/_debug.scss +22 -0
- data/sass/ezy/grid/_helpers.scss +249 -0
- data/sass/ezy/grid/_layout.scss +78 -0
- data/test/css/grid/elastic.css +13 -4
- data/test/css/grid/fluid.css +26 -10
- data/test/css/grid/gutter.css +42 -35
- data/test/css/grid/layout.css +118 -0
- data/test/css/grid/offset.css +51 -0
- data/test/css/grid/responsive.css +22 -12
- data/test/css/grid/static.css +19 -3
- data/test/css/sprites/layout.css +2 -2
- data/test/css/sprites/position.css +4 -4
- data/test/css/sprites/repeat.css +2 -2
- data/test/css/sprites/resolution.css +2 -2
- data/test/css/sprites/retina.css +2 -2
- data/test/css/sprites/simple.css +1 -1
- data/test/css/sprites/spacing.css +2 -2
- data/test/html/grid/layout-1.html +74 -0
- data/test/html/sprites/repeat.html +1 -1
- data/test/html/sprites/retina.html +1 -1
- data/test/html/sprites/simple.html +1 -1
- data/test/scss/grid/elastic.scss +1 -2
- data/test/scss/grid/gutter.scss +5 -5
- data/test/scss/grid/layout.scss +49 -0
- data/test/scss/grid/offset.scss +29 -0
- data/test/scss/grid/responsive.scss +2 -2
- metadata +17 -7
- data/test/css/sprites/responsive.css +0 -69
- data/test/html/sprites/responsive.html +0 -19
- data/test/scss/sprites/responsive.scss +0 -52
data/test/css/grid/gutter.css
CHANGED
@@ -1,8 +1,13 @@
|
|
1
|
-
/*
|
1
|
+
/* ------------------------------------------------- *
|
2
|
+
* Ezy Grid by Frej Raahede Nielsen
|
3
|
+
* http://github.com/raahede/ezy
|
4
|
+
* ------------------------------------------------- *
|
5
|
+
*/
|
6
|
+
/* ------------------------------------------------- *
|
2
7
|
* Micro Clearfix
|
3
8
|
* http://nicolasgallagher.com/micro-clearfix-hack/
|
4
9
|
*/
|
5
|
-
/*
|
10
|
+
/* --- End clearfix --- */
|
6
11
|
/* -------------------------------------------------------------------- *
|
7
12
|
* Static grid
|
8
13
|
* -------------------------------------------------------------------- */
|
@@ -13,6 +18,8 @@
|
|
13
18
|
/* Spanning 1 columns */
|
14
19
|
width: 60px;
|
15
20
|
float: left;
|
21
|
+
/* Fixing double margin on IE6 */
|
22
|
+
_display: inline;
|
16
23
|
margin-left: 15px;
|
17
24
|
margin-right: 15px;
|
18
25
|
}
|
@@ -21,6 +28,8 @@
|
|
21
28
|
/* Spanning 2 columns */
|
22
29
|
width: 150px;
|
23
30
|
float: left;
|
31
|
+
/* Fixing double margin on IE6 */
|
32
|
+
_display: inline;
|
24
33
|
margin-left: 15px;
|
25
34
|
margin-right: 15px;
|
26
35
|
}
|
@@ -32,6 +41,8 @@
|
|
32
41
|
/* Spanning 1 columns */
|
33
42
|
width: 60px;
|
34
43
|
float: left;
|
44
|
+
/* Fixing double margin on IE6 */
|
45
|
+
_display: inline;
|
35
46
|
padding-left: 15px;
|
36
47
|
padding-right: 15px;
|
37
48
|
}
|
@@ -40,6 +51,8 @@
|
|
40
51
|
/* Spanning 2 columns */
|
41
52
|
width: 150px;
|
42
53
|
float: left;
|
54
|
+
/* Fixing double margin on IE6 */
|
55
|
+
_display: inline;
|
43
56
|
padding-left: 15px;
|
44
57
|
padding-right: 15px;
|
45
58
|
}
|
@@ -51,6 +64,8 @@
|
|
51
64
|
/* Spanning 1 columns */
|
52
65
|
width: 60px;
|
53
66
|
float: left;
|
67
|
+
/* Fixing double margin on IE6 */
|
68
|
+
_display: inline;
|
54
69
|
padding-left: 15px;
|
55
70
|
padding-right: 15px;
|
56
71
|
}
|
@@ -59,6 +74,8 @@
|
|
59
74
|
/* Spanning 2 columns */
|
60
75
|
width: 150px;
|
61
76
|
float: left;
|
77
|
+
/* Fixing double margin on IE6 */
|
78
|
+
_display: inline;
|
62
79
|
padding-left: 15px;
|
63
80
|
padding-right: 15px;
|
64
81
|
}
|
@@ -70,6 +87,8 @@
|
|
70
87
|
/* Spanning 1 columns */
|
71
88
|
width: 60px;
|
72
89
|
float: left;
|
90
|
+
/* Fixing double margin on IE6 */
|
91
|
+
_display: inline;
|
73
92
|
margin-left: 15px;
|
74
93
|
margin-right: 15px;
|
75
94
|
}
|
@@ -78,6 +97,8 @@
|
|
78
97
|
/* Spanning 2 columns */
|
79
98
|
width: 150px;
|
80
99
|
float: left;
|
100
|
+
/* Fixing double margin on IE6 */
|
101
|
+
_display: inline;
|
81
102
|
margin-left: 15px;
|
82
103
|
margin-right: 15px;
|
83
104
|
}
|
@@ -85,10 +106,13 @@
|
|
85
106
|
/* -------------------------------------------------------------------- *
|
86
107
|
* Trying again, using grid-init()
|
87
108
|
* -------------------------------------------------------------------- */
|
88
|
-
.gutter-default-a-5, .gutter-default-b-5 {
|
89
|
-
|
109
|
+
.gutter-default-a-5, .gutter-default-b-5, .gutter-padding-a-6, .gutter-padding-b-6, .gutter-default-a-7, .gutter-default-b-7, .gutter-margin-a-8, .gutter-margin-b-8 {
|
110
|
+
/* Grid column base at a 3-column context */
|
90
111
|
margin-left: 15px;
|
91
112
|
margin-right: 15px;
|
113
|
+
float: left;
|
114
|
+
/* Fixing double margin on IE6 */
|
115
|
+
_display: inline;
|
92
116
|
}
|
93
117
|
|
94
118
|
/* -------------------------------------------------------------------- *
|
@@ -110,7 +134,6 @@
|
|
110
134
|
.gutter-padding-a-6 {
|
111
135
|
/* Spanning 1 columns */
|
112
136
|
width: 60px;
|
113
|
-
float: left;
|
114
137
|
padding-left: 15px;
|
115
138
|
padding-right: 15px;
|
116
139
|
}
|
@@ -118,7 +141,6 @@
|
|
118
141
|
.gutter-padding-b-6 {
|
119
142
|
/* Spanning 2 columns */
|
120
143
|
width: 150px;
|
121
|
-
float: left;
|
122
144
|
padding-left: 15px;
|
123
145
|
padding-right: 15px;
|
124
146
|
}
|
@@ -129,7 +151,6 @@
|
|
129
151
|
.gutter-default-a-7 {
|
130
152
|
/* Spanning 1 columns */
|
131
153
|
width: 60px;
|
132
|
-
float: left;
|
133
154
|
padding-left: 15px;
|
134
155
|
padding-right: 15px;
|
135
156
|
}
|
@@ -137,7 +158,6 @@
|
|
137
158
|
.gutter-default-b-7 {
|
138
159
|
/* Spanning 2 columns */
|
139
160
|
width: 150px;
|
140
|
-
float: left;
|
141
161
|
padding-left: 15px;
|
142
162
|
padding-right: 15px;
|
143
163
|
}
|
@@ -148,26 +168,23 @@
|
|
148
168
|
.gutter-margin-a-8 {
|
149
169
|
/* Spanning 1 columns */
|
150
170
|
width: 60px;
|
151
|
-
float: left;
|
152
|
-
margin-left: 15px;
|
153
|
-
margin-right: 15px;
|
154
171
|
}
|
155
172
|
|
156
173
|
.gutter-margin-b-8 {
|
157
174
|
/* Spanning 2 columns */
|
158
175
|
width: 150px;
|
159
|
-
float: left;
|
160
|
-
margin-left: 15px;
|
161
|
-
margin-right: 15px;
|
162
176
|
}
|
163
177
|
|
164
178
|
/* -------------------------------------------------------------------- *
|
165
179
|
* Again, now with a fluid grid
|
166
180
|
* -------------------------------------------------------------------- */
|
167
|
-
.gutter-default-a-9, .gutter-default-b-9 {
|
181
|
+
.gutter-default-a-9, .gutter-default-b-9, .gutter-padding-a-10, .gutter-padding-b-10, .gutter-default-a-11, .gutter-default-b-11, .gutter-margin-a-12, .gutter-margin-b-12 {
|
182
|
+
/* Grid column base at a 6-column context */
|
183
|
+
margin-left: 2.775%;
|
184
|
+
margin-right: 2.775%;
|
168
185
|
float: left;
|
169
|
-
margin
|
170
|
-
|
186
|
+
/* Fixing double margin on IE6 */
|
187
|
+
_display: inline;
|
171
188
|
}
|
172
189
|
|
173
190
|
/* -------------------------------------------------------------------- *
|
@@ -189,17 +206,15 @@
|
|
189
206
|
.gutter-padding-a-10 {
|
190
207
|
/* Spanning 3 of 6 columns */
|
191
208
|
width: 44.44%;
|
192
|
-
|
193
|
-
padding-
|
194
|
-
padding-right: 2.77%;
|
209
|
+
padding-left: 2.775%;
|
210
|
+
padding-right: 2.775%;
|
195
211
|
}
|
196
212
|
|
197
213
|
.gutter-padding-b-10 {
|
198
214
|
/* Spanning 6 of 6 columns */
|
199
215
|
width: 94.44%;
|
200
|
-
|
201
|
-
padding-
|
202
|
-
padding-right: 2.77%;
|
216
|
+
padding-left: 2.775%;
|
217
|
+
padding-right: 2.775%;
|
203
218
|
}
|
204
219
|
|
205
220
|
/* -------------------------------------------------------------------- *
|
@@ -208,17 +223,15 @@
|
|
208
223
|
.gutter-default-a-11 {
|
209
224
|
/* Spanning 3 of 6 columns */
|
210
225
|
width: 44.44%;
|
211
|
-
|
212
|
-
padding-
|
213
|
-
padding-right: 2.77%;
|
226
|
+
padding-left: 2.775%;
|
227
|
+
padding-right: 2.775%;
|
214
228
|
}
|
215
229
|
|
216
230
|
.gutter-default-b-11 {
|
217
231
|
/* Spanning 6 of 6 columns */
|
218
232
|
width: 94.44%;
|
219
|
-
|
220
|
-
padding-
|
221
|
-
padding-right: 2.77%;
|
233
|
+
padding-left: 2.775%;
|
234
|
+
padding-right: 2.775%;
|
222
235
|
}
|
223
236
|
|
224
237
|
/* -------------------------------------------------------------------- *
|
@@ -227,15 +240,9 @@
|
|
227
240
|
.gutter-margin-a-12 {
|
228
241
|
/* Spanning 3 of 6 columns */
|
229
242
|
width: 44.44%;
|
230
|
-
float: left;
|
231
|
-
margin-left: 2.77%;
|
232
|
-
margin-right: 2.77%;
|
233
243
|
}
|
234
244
|
|
235
245
|
.gutter-margin-b-12 {
|
236
246
|
/* Spanning 6 of 6 columns */
|
237
247
|
width: 94.44%;
|
238
|
-
float: left;
|
239
|
-
margin-left: 2.77%;
|
240
|
-
margin-right: 2.77%;
|
241
248
|
}
|
@@ -0,0 +1,118 @@
|
|
1
|
+
/* ------------------------------------------------- *
|
2
|
+
* Ezy Grid by Frej Raahede Nielsen
|
3
|
+
* http://github.com/raahede/ezy
|
4
|
+
* ------------------------------------------------- *
|
5
|
+
*/
|
6
|
+
/* ------------------------------------------------- *
|
7
|
+
* Micro Clearfix
|
8
|
+
* http://nicolasgallagher.com/micro-clearfix-hack/
|
9
|
+
*/
|
10
|
+
.page:before, .grid:before,
|
11
|
+
.page:after,
|
12
|
+
.grid:after {
|
13
|
+
content: " ";
|
14
|
+
display: table;
|
15
|
+
}
|
16
|
+
|
17
|
+
.page:after, .grid:after {
|
18
|
+
clear: both;
|
19
|
+
}
|
20
|
+
|
21
|
+
.page, .grid {
|
22
|
+
/**
|
23
|
+
* For IE 6/7 only
|
24
|
+
* Include this rule to trigger hasLayout and contain floats.
|
25
|
+
*/
|
26
|
+
*zoom: 1;
|
27
|
+
}
|
28
|
+
|
29
|
+
/* --- End clearfix --- */
|
30
|
+
.page {
|
31
|
+
margin-left: auto;
|
32
|
+
margin-right: auto;
|
33
|
+
}
|
34
|
+
|
35
|
+
.column {
|
36
|
+
/* Grid column base at a 4-column context */
|
37
|
+
margin-left: 4.165%;
|
38
|
+
margin-right: 4.165%;
|
39
|
+
float: left;
|
40
|
+
/* Fixing double margin on IE6 */
|
41
|
+
_display: inline;
|
42
|
+
}
|
43
|
+
|
44
|
+
.page {
|
45
|
+
max-width: 330px;
|
46
|
+
padding-left: 1em;
|
47
|
+
padding-right: 1em;
|
48
|
+
}
|
49
|
+
@media (min-width: 990px) {
|
50
|
+
.page {
|
51
|
+
max-width: 690px;
|
52
|
+
padding-left: 50px;
|
53
|
+
padding-right: 100px;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
@media (min-width: 1250px) {
|
57
|
+
.page {
|
58
|
+
max-width: 1050px;
|
59
|
+
padding-left: 100px;
|
60
|
+
padding-right: 100px;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
.no-media-queries .page {
|
64
|
+
/* Fallback for browsers not supporting media queries */
|
65
|
+
max-width: 1050px;
|
66
|
+
padding-left: 100px;
|
67
|
+
padding-right: 100px;
|
68
|
+
}
|
69
|
+
|
70
|
+
.grid {
|
71
|
+
margin-left: -4.545%;
|
72
|
+
margin-right: -4.545%;
|
73
|
+
}
|
74
|
+
@media (min-width: 990px) {
|
75
|
+
.grid {
|
76
|
+
margin-left: -2.17%;
|
77
|
+
margin-right: -2.17%;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
@media (min-width: 1250px) {
|
81
|
+
.grid {
|
82
|
+
margin-left: -1.425%;
|
83
|
+
margin-right: -1.425%;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
.no-media-queries .grid {
|
87
|
+
/* Fallback for browsers not supporting media queries */
|
88
|
+
margin-left: -1.425%;
|
89
|
+
margin-right: -1.425%;
|
90
|
+
}
|
91
|
+
|
92
|
+
.column {
|
93
|
+
/* Spanning 4 of 4 columns */
|
94
|
+
width: 91.66%;
|
95
|
+
}
|
96
|
+
@media (min-width: 990px) {
|
97
|
+
.column {
|
98
|
+
/* Spanning 4 of 8 columns */
|
99
|
+
width: 45.83%;
|
100
|
+
margin-left: 2.08%;
|
101
|
+
margin-right: 2.08%;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
@media (min-width: 1250px) {
|
105
|
+
.column {
|
106
|
+
/* Spanning 4 of 12 columns */
|
107
|
+
width: 30.55%;
|
108
|
+
margin-left: 1.385%;
|
109
|
+
margin-right: 1.385%;
|
110
|
+
}
|
111
|
+
}
|
112
|
+
.no-media-queries .column {
|
113
|
+
/* Fallback for browsers not supporting media queries */
|
114
|
+
/* Spanning 4 of 12 columns */
|
115
|
+
width: 30.55%;
|
116
|
+
margin-left: 1.385%;
|
117
|
+
margin-right: 1.385%;
|
118
|
+
}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
/* ------------------------------------------------- *
|
2
|
+
* Ezy Grid by Frej Raahede Nielsen
|
3
|
+
* http://github.com/raahede/ezy
|
4
|
+
* ------------------------------------------------- *
|
5
|
+
*/
|
6
|
+
/* ------------------------------------------------- *
|
7
|
+
* Micro Clearfix
|
8
|
+
* http://nicolasgallagher.com/micro-clearfix-hack/
|
9
|
+
*/
|
10
|
+
/* --- End clearfix --- */
|
11
|
+
/* -------------------------------------------------------------------- *
|
12
|
+
* Grid columns with offset
|
13
|
+
*/
|
14
|
+
.span-columns-2 {
|
15
|
+
/* Spanning 2 columns */
|
16
|
+
width: 150px;
|
17
|
+
float: left;
|
18
|
+
/* Fixing double margin on IE6 */
|
19
|
+
_display: inline;
|
20
|
+
margin-left: 15px;
|
21
|
+
margin-right: 15px;
|
22
|
+
/* Offset left by 1 columns */
|
23
|
+
margin-left: 105px;
|
24
|
+
}
|
25
|
+
|
26
|
+
.span-columns-4 {
|
27
|
+
/* Spanning 4 columns */
|
28
|
+
width: 330px;
|
29
|
+
float: left;
|
30
|
+
/* Fixing double margin on IE6 */
|
31
|
+
_display: inline;
|
32
|
+
margin-left: 15px;
|
33
|
+
margin-right: 15px;
|
34
|
+
/* Offset right by 2 columns */
|
35
|
+
margin-right: 195px;
|
36
|
+
}
|
37
|
+
|
38
|
+
.span-columns-6 {
|
39
|
+
/* Spanning 6 columns */
|
40
|
+
width: 510px;
|
41
|
+
float: left;
|
42
|
+
/* Fixing double margin on IE6 */
|
43
|
+
_display: inline;
|
44
|
+
margin-left: 15px;
|
45
|
+
margin-right: 15px;
|
46
|
+
/* Offset both by 3 columns */
|
47
|
+
margin-left: 285px;
|
48
|
+
margin-right: 285px;
|
49
|
+
/* Removing offset left */
|
50
|
+
margin-left: 15px;
|
51
|
+
}
|
@@ -1,4 +1,9 @@
|
|
1
|
-
/*
|
1
|
+
/* ------------------------------------------------- *
|
2
|
+
* Ezy Grid by Frej Raahede Nielsen
|
3
|
+
* http://github.com/raahede/ezy
|
4
|
+
* ------------------------------------------------- *
|
5
|
+
*/
|
6
|
+
/* ------------------------------------------------- *
|
2
7
|
* Micro Clearfix
|
3
8
|
* http://nicolasgallagher.com/micro-clearfix-hack/
|
4
9
|
*/
|
@@ -21,14 +26,25 @@
|
|
21
26
|
*zoom: 1;
|
22
27
|
}
|
23
28
|
|
24
|
-
/*
|
29
|
+
/* --- End clearfix --- */
|
25
30
|
.page {
|
26
31
|
margin-left: auto;
|
27
32
|
margin-right: auto;
|
28
33
|
}
|
29
34
|
|
35
|
+
.column {
|
36
|
+
/* Grid column base at a 4-column context */
|
37
|
+
margin-left: 4.165%;
|
38
|
+
margin-right: 4.165%;
|
39
|
+
float: left;
|
40
|
+
/* Fixing double margin on IE6 */
|
41
|
+
_display: inline;
|
42
|
+
}
|
43
|
+
|
30
44
|
.page {
|
31
45
|
max-width: 1050px;
|
46
|
+
padding-left: 0;
|
47
|
+
padding-right: 0;
|
32
48
|
}
|
33
49
|
|
34
50
|
.grid {
|
@@ -56,15 +72,11 @@
|
|
56
72
|
.column {
|
57
73
|
/* Spanning 4 of 4 columns */
|
58
74
|
width: 91.66%;
|
59
|
-
float: left;
|
60
|
-
margin-left: 4.16%;
|
61
|
-
margin-right: 4.16%;
|
62
75
|
}
|
63
76
|
@media (min-width: 361px) {
|
64
77
|
.column {
|
65
78
|
/* Spanning 4 of 8 columns */
|
66
79
|
width: 45.83%;
|
67
|
-
float: left;
|
68
80
|
margin-left: 2.08%;
|
69
81
|
margin-right: 2.08%;
|
70
82
|
}
|
@@ -73,16 +85,14 @@
|
|
73
85
|
.column {
|
74
86
|
/* Spanning 4 of 12 columns */
|
75
87
|
width: 30.55%;
|
76
|
-
|
77
|
-
margin-
|
78
|
-
margin-right: 1.38%;
|
88
|
+
margin-left: 1.385%;
|
89
|
+
margin-right: 1.385%;
|
79
90
|
}
|
80
91
|
}
|
81
92
|
.no-media-queries .column {
|
82
93
|
/* Fallback for browsers not supporting media queries */
|
83
94
|
/* Spanning 4 of 12 columns */
|
84
95
|
width: 30.55%;
|
85
|
-
|
86
|
-
margin-
|
87
|
-
margin-right: 1.38%;
|
96
|
+
margin-left: 1.385%;
|
97
|
+
margin-right: 1.385%;
|
88
98
|
}
|
data/test/css/grid/static.css
CHANGED
@@ -1,4 +1,9 @@
|
|
1
|
-
/*
|
1
|
+
/* ------------------------------------------------- *
|
2
|
+
* Ezy Grid by Frej Raahede Nielsen
|
3
|
+
* http://github.com/raahede/ezy
|
4
|
+
* ------------------------------------------------- *
|
5
|
+
*/
|
6
|
+
/* ------------------------------------------------- *
|
2
7
|
* Micro Clearfix
|
3
8
|
* http://nicolasgallagher.com/micro-clearfix-hack/
|
4
9
|
*/
|
@@ -21,7 +26,7 @@
|
|
21
26
|
*zoom: 1;
|
22
27
|
}
|
23
28
|
|
24
|
-
/*
|
29
|
+
/* --- End clearfix --- */
|
25
30
|
.page {
|
26
31
|
margin-left: auto;
|
27
32
|
margin-right: auto;
|
@@ -29,6 +34,8 @@
|
|
29
34
|
|
30
35
|
.page {
|
31
36
|
width: 1050px;
|
37
|
+
padding-left: 0;
|
38
|
+
padding-right: 0;
|
32
39
|
}
|
33
40
|
|
34
41
|
.grid {
|
@@ -43,6 +50,8 @@
|
|
43
50
|
/* Spanning 2 columns */
|
44
51
|
width: 150px;
|
45
52
|
float: left;
|
53
|
+
/* Fixing double margin on IE6 */
|
54
|
+
_display: inline;
|
46
55
|
margin-left: 15px;
|
47
56
|
margin-right: 15px;
|
48
57
|
}
|
@@ -51,6 +60,8 @@
|
|
51
60
|
/* Spanning 4 columns */
|
52
61
|
width: 330px;
|
53
62
|
float: left;
|
63
|
+
/* Fixing double margin on IE6 */
|
64
|
+
_display: inline;
|
54
65
|
margin-left: 15px;
|
55
66
|
margin-right: 15px;
|
56
67
|
}
|
@@ -59,6 +70,8 @@
|
|
59
70
|
/* Spanning 6 columns */
|
60
71
|
width: 510px;
|
61
72
|
float: left;
|
73
|
+
/* Fixing double margin on IE6 */
|
74
|
+
_display: inline;
|
62
75
|
margin-left: 15px;
|
63
76
|
margin-right: 15px;
|
64
77
|
}
|
@@ -67,9 +80,12 @@
|
|
67
80
|
* Static columns: using grid-init()
|
68
81
|
*/
|
69
82
|
.span-columns-2, .span-columns-4, .span-columns-6, .span-columns-18 {
|
70
|
-
|
83
|
+
/* Grid column base at a 12-column context */
|
71
84
|
margin-left: 15px;
|
72
85
|
margin-right: 15px;
|
86
|
+
float: left;
|
87
|
+
/* Fixing double margin on IE6 */
|
88
|
+
_display: inline;
|
73
89
|
}
|
74
90
|
|
75
91
|
.span-columns-2 {
|
data/test/css/sprites/layout.css
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
.classic {
|
2
|
-
background-image: url('../../img/test-layout.png?
|
2
|
+
background-image: url('../../img/test-layout.png?22091386277782');
|
3
3
|
background-repeat: no-repeat;
|
4
4
|
}
|
5
5
|
|
6
6
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-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) {
|
7
7
|
.classic {
|
8
8
|
/* Retina sprite */
|
9
|
-
background-image: url('../../img/test-layout@2x.png?
|
9
|
+
background-image: url('../../img/test-layout@2x.png?22091386277782');
|
10
10
|
background-size: 718px auto;
|
11
11
|
}
|
12
12
|
}
|
@@ -3,14 +3,14 @@
|
|
3
3
|
* Compiled 2x sprite has all images aligned to the right
|
4
4
|
*/
|
5
5
|
.vertical {
|
6
|
-
background-image: url('../../img/test-position.png?
|
6
|
+
background-image: url('../../img/test-position.png?22091386277782');
|
7
7
|
background-repeat: no-repeat;
|
8
8
|
}
|
9
9
|
|
10
10
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-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) {
|
11
11
|
.vertical {
|
12
12
|
/* Retina sprite */
|
13
|
-
background-image: url('../../img/test-position@2x.png?
|
13
|
+
background-image: url('../../img/test-position@2x.png?22091386277782');
|
14
14
|
background-size: 281px auto;
|
15
15
|
}
|
16
16
|
}
|
@@ -20,14 +20,14 @@
|
|
20
20
|
* Compiled 2x sprite has all images aligned to the bottom
|
21
21
|
*/
|
22
22
|
.horizontal {
|
23
|
-
background-image: url('../../img/test-position-alt.png?
|
23
|
+
background-image: url('../../img/test-position-alt.png?22091386277782');
|
24
24
|
background-repeat: no-repeat;
|
25
25
|
}
|
26
26
|
|
27
27
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-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) {
|
28
28
|
.horizontal {
|
29
29
|
/* Retina sprite */
|
30
|
-
background-image: url('../../img/test-position-alt@2x.png?
|
30
|
+
background-image: url('../../img/test-position-alt@2x.png?22091386277782');
|
31
31
|
background-size: 421px auto;
|
32
32
|
}
|
33
33
|
}
|
data/test/css/sprites/repeat.css
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
.meassure-1, .meassure-2, .meassure-3 {
|
2
|
-
background-image: url('../../img/test-repeat.png?
|
2
|
+
background-image: url('../../img/test-repeat.png?22091386277782');
|
3
3
|
background-repeat: repeat-x;
|
4
4
|
}
|
5
5
|
|
6
6
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-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) {
|
7
7
|
.meassure-1, .meassure-2, .meassure-3 {
|
8
8
|
/* Retina sprite */
|
9
|
-
background-image: url('../../img/test-repeat@2x.png?
|
9
|
+
background-image: url('../../img/test-repeat@2x.png?22091386277782');
|
10
10
|
background-size: 378px auto;
|
11
11
|
background-repeat: no-repeat;
|
12
12
|
}
|
@@ -2,14 +2,14 @@
|
|
2
2
|
* Min device pixel ratio changed to 1.7
|
3
3
|
*/
|
4
4
|
.classic {
|
5
|
-
background-image: url('../../img/test-retina.png?
|
5
|
+
background-image: url('../../img/test-retina.png?22091386277782');
|
6
6
|
background-repeat: no-repeat;
|
7
7
|
}
|
8
8
|
|
9
9
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.7), only screen and (min--moz-device-pixel-ratio: 1.7), only screen and (-moz-min-device-pixel-ratio: 1.7), only screen and (-ms-min-device-pixel-ratio: 1.7), only screen and (-o-min-device-pixel-ratio: 1.7 / 1), only screen and (min-device-pixel-ratio: 1.7), only screen and (min-resolution: 163.2dpi), only screen and (min-resolution: 1.7dppx) {
|
10
10
|
.classic {
|
11
11
|
/* Retina sprite */
|
12
|
-
background-image: url('../../img/test-retina@2x.png?
|
12
|
+
background-image: url('../../img/test-retina@2x.png?22091386277782');
|
13
13
|
background-size: 152px auto;
|
14
14
|
}
|
15
15
|
}
|
data/test/css/sprites/retina.css
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
.classic, .indy, .alien {
|
2
|
-
background-image: url('../../img/test-retina.png?
|
2
|
+
background-image: url('../../img/test-retina.png?22091386277782');
|
3
3
|
background-repeat: no-repeat;
|
4
4
|
}
|
5
5
|
|
6
6
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-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) {
|
7
7
|
.classic, .indy {
|
8
8
|
/* Retina sprite */
|
9
|
-
background-image: url('../../img/test-retina@2x.png?
|
9
|
+
background-image: url('../../img/test-retina@2x.png?22091386277782');
|
10
10
|
background-size: 152px auto;
|
11
11
|
}
|
12
12
|
}
|
data/test/css/sprites/simple.css
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
.classic {
|
2
|
-
background-image: url('../../img/test-spacing.png?
|
2
|
+
background-image: url('../../img/test-spacing.png?22091386277783');
|
3
3
|
background-repeat: no-repeat;
|
4
4
|
}
|
5
5
|
|
6
6
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-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) {
|
7
7
|
.classic {
|
8
8
|
/* Retina sprite */
|
9
|
-
background-image: url('../../img/test-spacing@2x.png?
|
9
|
+
background-image: url('../../img/test-spacing@2x.png?22091386277783');
|
10
10
|
background-size: 159px auto;
|
11
11
|
}
|
12
12
|
}
|