responder 0.0.1.alpha.4 → 0.0.1.alpha.5
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.
- data/lib/responder/version.rb +1 -1
- data/scss/responder/_respond-to.scss +8 -3
- data/test/css/style.css +14 -14
- metadata +2 -2
data/lib/responder/version.rb
CHANGED
|
@@ -25,7 +25,11 @@
|
|
|
25
25
|
@if (index($breakpoint-names, $breakpoint-name) + 1) <= length($breakpoint-values) {
|
|
26
26
|
$max-width: nth($breakpoint-values, (index($breakpoint-names, $breakpoint-name) + 1));
|
|
27
27
|
} @else {
|
|
28
|
-
$breakpoint-extend
|
|
28
|
+
@if $breakpoint-extend == and-below {
|
|
29
|
+
$max-width: nth($breakpoint-values, (index($breakpoint-names, $breakpoint-name)));
|
|
30
|
+
} @else {
|
|
31
|
+
$breakpoint-extend: and-up;
|
|
32
|
+
}
|
|
29
33
|
}
|
|
30
34
|
|
|
31
35
|
// If it's a breakpoint group
|
|
@@ -35,11 +39,12 @@
|
|
|
35
39
|
}
|
|
36
40
|
|
|
37
41
|
@if $breakpoint-extend == only {
|
|
38
|
-
@media (min-width: $min-width) and (max-width: $max-width) { @content; }
|
|
42
|
+
@media (min-width: $min-width) and (max-width: ($max-width - 1)) { @content; }
|
|
39
43
|
} @else if $breakpoint-extend == and-up {
|
|
40
44
|
@media (min-width: $min-width) { @content; }
|
|
41
45
|
} @else if $breakpoint-extend == and-below {
|
|
42
|
-
|
|
46
|
+
$max-width: $max-width - 1;
|
|
47
|
+
@media (max-width: ($max-width - 1)) { @content; }
|
|
43
48
|
}
|
|
44
49
|
}
|
|
45
50
|
}
|
data/test/css/style.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
body {
|
|
3
3
|
font: 16px/21px "Helvetica Neue", Arial, sans-serif;
|
|
4
4
|
}
|
|
5
|
-
@media (min-width: 320px) and (max-width:
|
|
5
|
+
@media (min-width: 320px) and (max-width: 599px) {
|
|
6
6
|
/* line 17, ../scss/style.scss */
|
|
7
7
|
body {
|
|
8
8
|
font-size: 95%;
|
|
@@ -34,7 +34,7 @@ tr > td:first-child {
|
|
|
34
34
|
.mq-mixins-test tbody .response-example .isResponding {
|
|
35
35
|
display: none;
|
|
36
36
|
}
|
|
37
|
-
@media (min-width: 320px) and (max-width:
|
|
37
|
+
@media (min-width: 320px) and (max-width: 599px) {
|
|
38
38
|
/* line 60, ../scss/style.scss */
|
|
39
39
|
.mq-mixins-test tbody .respond-to-mobile {
|
|
40
40
|
background: #a7e040;
|
|
@@ -49,7 +49,7 @@ tr > td:first-child {
|
|
|
49
49
|
display: none;
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
@media (min-width: 320px) and (max-width:
|
|
52
|
+
@media (min-width: 320px) and (max-width: 479px) {
|
|
53
53
|
/* line 65, ../scss/style.scss */
|
|
54
54
|
.mq-mixins-test tbody .respond-to-mobile-portrait {
|
|
55
55
|
background: #a7e040;
|
|
@@ -64,7 +64,7 @@ tr > td:first-child {
|
|
|
64
64
|
display: none;
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
@media (min-width: 480px) and (max-width:
|
|
67
|
+
@media (min-width: 480px) and (max-width: 599px) {
|
|
68
68
|
/* line 70, ../scss/style.scss */
|
|
69
69
|
.mq-mixins-test tbody .respond-to-mobile-landscape {
|
|
70
70
|
background: #a7e040;
|
|
@@ -79,7 +79,7 @@ tr > td:first-child {
|
|
|
79
79
|
display: none;
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
@media (min-width: 600px) and (max-width:
|
|
82
|
+
@media (min-width: 600px) and (max-width: 991px) {
|
|
83
83
|
/* line 76, ../scss/style.scss */
|
|
84
84
|
.mq-mixins-test tbody .respond-to-tablet {
|
|
85
85
|
background: #a7e040;
|
|
@@ -94,7 +94,7 @@ tr > td:first-child {
|
|
|
94
94
|
display: none;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
@media (min-width: 600px) and (max-width:
|
|
97
|
+
@media (min-width: 600px) and (max-width: 767px) {
|
|
98
98
|
/* line 82, ../scss/style.scss */
|
|
99
99
|
.mq-mixins-test tbody .respond-to-tablet-portrait {
|
|
100
100
|
background: #a7e040;
|
|
@@ -109,7 +109,7 @@ tr > td:first-child {
|
|
|
109
109
|
display: none;
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
@media (min-width: 768px) and (max-width:
|
|
112
|
+
@media (min-width: 768px) and (max-width: 991px) {
|
|
113
113
|
/* line 88, ../scss/style.scss */
|
|
114
114
|
.mq-mixins-test tbody .respond-to-tablet-landscape {
|
|
115
115
|
background: #a7e040;
|
|
@@ -244,7 +244,7 @@ tr > td:first-child {
|
|
|
244
244
|
display: none;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
@media (max-width:
|
|
247
|
+
@media (max-width: 598px) {
|
|
248
248
|
/* line 146, ../scss/style.scss */
|
|
249
249
|
.mq-mixins-test tbody .respond-to-mobile-and-below {
|
|
250
250
|
background: #a7e040;
|
|
@@ -259,7 +259,7 @@ tr > td:first-child {
|
|
|
259
259
|
display: none;
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
@media (max-width:
|
|
262
|
+
@media (max-width: 478px) {
|
|
263
263
|
/* line 151, ../scss/style.scss */
|
|
264
264
|
.mq-mixins-test tbody .respond-to-mobile-portrait-and-below {
|
|
265
265
|
background: #a7e040;
|
|
@@ -274,7 +274,7 @@ tr > td:first-child {
|
|
|
274
274
|
display: none;
|
|
275
275
|
}
|
|
276
276
|
}
|
|
277
|
-
@media (max-width:
|
|
277
|
+
@media (max-width: 598px) {
|
|
278
278
|
/* line 156, ../scss/style.scss */
|
|
279
279
|
.mq-mixins-test tbody .respond-to-mobile-landscape-and-below {
|
|
280
280
|
background: #a7e040;
|
|
@@ -289,7 +289,7 @@ tr > td:first-child {
|
|
|
289
289
|
display: none;
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
|
-
@media (max-width:
|
|
292
|
+
@media (max-width: 990px) {
|
|
293
293
|
/* line 162, ../scss/style.scss */
|
|
294
294
|
.mq-mixins-test tbody .respond-to-tablet-and-below {
|
|
295
295
|
background: #a7e040;
|
|
@@ -304,7 +304,7 @@ tr > td:first-child {
|
|
|
304
304
|
display: none;
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
|
-
@media (max-width:
|
|
307
|
+
@media (max-width: 766px) {
|
|
308
308
|
/* line 168, ../scss/style.scss */
|
|
309
309
|
.mq-mixins-test tbody .respond-to-tablet-portrait-and-below {
|
|
310
310
|
background: #a7e040;
|
|
@@ -319,7 +319,7 @@ tr > td:first-child {
|
|
|
319
319
|
display: none;
|
|
320
320
|
}
|
|
321
321
|
}
|
|
322
|
-
@media (max-width:
|
|
322
|
+
@media (max-width: 990px) {
|
|
323
323
|
/* line 174, ../scss/style.scss */
|
|
324
324
|
.mq-mixins-test tbody .respond-to-tablet-landscape-and-below {
|
|
325
325
|
background: #a7e040;
|
|
@@ -334,7 +334,7 @@ tr > td:first-child {
|
|
|
334
334
|
display: none;
|
|
335
335
|
}
|
|
336
336
|
}
|
|
337
|
-
@media (
|
|
337
|
+
@media (max-width: 990px) {
|
|
338
338
|
/* line 180, ../scss/style.scss */
|
|
339
339
|
.mq-mixins-test tbody .respond-to-desktop-and-below {
|
|
340
340
|
background: #a7e040;
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: responder
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.1.alpha.
|
|
4
|
+
version: 0.0.1.alpha.5
|
|
5
5
|
prerelease: 6
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -95,7 +95,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
95
95
|
version: '0'
|
|
96
96
|
segments:
|
|
97
97
|
- 0
|
|
98
|
-
hash: -
|
|
98
|
+
hash: -2182936353701842624
|
|
99
99
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
100
100
|
none: false
|
|
101
101
|
requirements:
|