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.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +101 -6
  3. data/VERSION +1 -1
  4. data/ezy.gemspec +3 -5
  5. data/sass/_ezy.scss +3 -3
  6. data/sass/ezy/_clearfix.scss +25 -0
  7. data/sass/ezy/_functions.scss +11 -0
  8. data/sass/ezy/_grid.scss +250 -0
  9. data/sass/ezy/_media.scss +47 -0
  10. data/sass/ezy/_settings.scss +18 -0
  11. data/sass/ezy/_sprites.scss +29 -82
  12. data/sass/ezy/grid/_debug.scss +22 -0
  13. data/sass/ezy/grid/_helpers.scss +249 -0
  14. data/sass/ezy/grid/_layout.scss +78 -0
  15. data/test/css/grid/elastic.css +13 -4
  16. data/test/css/grid/fluid.css +26 -10
  17. data/test/css/grid/gutter.css +42 -35
  18. data/test/css/grid/layout.css +118 -0
  19. data/test/css/grid/offset.css +51 -0
  20. data/test/css/grid/responsive.css +22 -12
  21. data/test/css/grid/static.css +19 -3
  22. data/test/css/sprites/layout.css +2 -2
  23. data/test/css/sprites/position.css +4 -4
  24. data/test/css/sprites/repeat.css +2 -2
  25. data/test/css/sprites/resolution.css +2 -2
  26. data/test/css/sprites/retina.css +2 -2
  27. data/test/css/sprites/simple.css +1 -1
  28. data/test/css/sprites/spacing.css +2 -2
  29. data/test/html/grid/layout-1.html +74 -0
  30. data/test/html/sprites/repeat.html +1 -1
  31. data/test/html/sprites/retina.html +1 -1
  32. data/test/html/sprites/simple.html +1 -1
  33. data/test/scss/grid/elastic.scss +1 -2
  34. data/test/scss/grid/gutter.scss +5 -5
  35. data/test/scss/grid/layout.scss +49 -0
  36. data/test/scss/grid/offset.scss +29 -0
  37. data/test/scss/grid/responsive.scss +2 -2
  38. metadata +17 -7
  39. data/test/css/sprites/responsive.css +0 -69
  40. data/test/html/sprites/responsive.html +0 -19
  41. data/test/scss/sprites/responsive.scss +0 -52
@@ -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
- float: left;
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-left: 2.77%;
170
- margin-right: 2.77%;
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
- float: left;
193
- padding-left: 2.77%;
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
- float: left;
201
- padding-left: 2.77%;
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
- float: left;
212
- padding-left: 2.77%;
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
- float: left;
220
- padding-left: 2.77%;
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
- float: left;
77
- margin-left: 1.38%;
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
- float: left;
86
- margin-left: 1.38%;
87
- margin-right: 1.38%;
96
+ margin-left: 1.385%;
97
+ margin-right: 1.385%;
88
98
  }
@@ -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
- float: left;
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 {
@@ -1,12 +1,12 @@
1
1
  .classic {
2
- background-image: url('../../img/test-layout.png?15501385736652');
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?15501385736652');
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?15501385736652');
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?15501385736652');
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?15501385736652');
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?15501385736652');
30
+ background-image: url('../../img/test-position-alt@2x.png?22091386277782');
31
31
  background-size: 421px auto;
32
32
  }
33
33
  }
@@ -1,12 +1,12 @@
1
1
  .meassure-1, .meassure-2, .meassure-3 {
2
- background-image: url('../../img/test-repeat.png?15501385736652');
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?15501385736652');
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?15501385736652');
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?15501385736652');
12
+ background-image: url('../../img/test-retina@2x.png?22091386277782');
13
13
  background-size: 152px auto;
14
14
  }
15
15
  }
@@ -1,12 +1,12 @@
1
1
  .classic, .indy, .alien {
2
- background-image: url('../../img/test-retina.png?15501385736653');
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?15501385736653');
9
+ background-image: url('../../img/test-retina@2x.png?22091386277782');
10
10
  background-size: 152px auto;
11
11
  }
12
12
  }
@@ -1,5 +1,5 @@
1
1
  .classic, .indy {
2
- background-image: url('../../img/test-simple.png?15501385736653');
2
+ background-image: url('../../img/test-simple.png?22091386277783');
3
3
  background-repeat: no-repeat;
4
4
  }
5
5
 
@@ -1,12 +1,12 @@
1
1
  .classic {
2
- background-image: url('../../img/test-spacing.png?15501385736653');
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?15501385736653');
9
+ background-image: url('../../img/test-spacing@2x.png?22091386277783');
10
10
  background-size: 159px auto;
11
11
  }
12
12
  }