compass-respond 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +6 -0
- data/VERSION.yml +1 -1
- data/lib/stylesheets/_respond-to.sass +6 -1
- metadata +2 -2
data/README.md
CHANGED
@@ -13,6 +13,7 @@ There are two parts to this...
|
|
13
13
|
Options:
|
14
14
|
|
15
15
|
* handhelds
|
16
|
+
* high-handhelds
|
16
17
|
* wide-handhelds
|
17
18
|
* tablets
|
18
19
|
* desktops
|
@@ -28,6 +29,11 @@ SASS:
|
|
28
29
|
+respond-to(handhelds)
|
29
30
|
.content-title
|
30
31
|
display: none
|
32
|
+
+respond-to(high-handhelds)
|
33
|
+
.nav
|
34
|
+
position: absolute
|
35
|
+
top: 0
|
36
|
+
left: 0
|
31
37
|
+respond-to(wide-handhelds)
|
32
38
|
width: 90%
|
33
39
|
+respond-to(tablets)
|
data/VERSION.yml
CHANGED
@@ -5,6 +5,8 @@ $respond-to-handhelds-max: 479px !default
|
|
5
5
|
$respond-to-wide-handhelds-min: ($respond-to-handhelds-max + 1px) !default
|
6
6
|
$respond-to-wide-handhelds-max: 767px !default
|
7
7
|
|
8
|
+
$respond-to-high-handhelds-max: 568px !default
|
9
|
+
|
8
10
|
$respond-to-tablets-min: ($respond-to-wide-handhelds-max + 1) !default
|
9
11
|
$respond-to-tablets-max: 959px !default
|
10
12
|
|
@@ -14,6 +16,9 @@ $respond-to-desktops-min: ($respond-to-tablets-max + 1) !default
|
|
14
16
|
@if $device == handhelds
|
15
17
|
@media only screen and (max-width: $respond-to-handhelds-max)
|
16
18
|
@content
|
19
|
+
@else if $device == high-handhelds
|
20
|
+
@media only screen and (max-width: $respond-to-handhelds-max) and (device-height: $respond-to-high-handhelds-max)
|
21
|
+
@content
|
17
22
|
@else if $device == wide-handhelds
|
18
23
|
@media only screen and (min-width: $respond-to-wide-handhelds-min) and (max-width: $respond-to-wide-handhelds-max)
|
19
24
|
@content
|
@@ -25,4 +30,4 @@ $respond-to-desktops-min: ($respond-to-tablets-max + 1) !default
|
|
25
30
|
@content
|
26
31
|
@else if $device == retina
|
27
32
|
@media only screen and (-webkit-min-device-pixel-ratio: 2)
|
28
|
-
@content
|
33
|
+
@content
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-respond
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.4
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-09-
|
12
|
+
date: 2012-09-20 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass
|