responder 0.2.2 → 0.2.3
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/README.md +4 -4
- data/lib/responder/version.rb +1 -1
- data/scss/responder.scss +7 -0
- metadata +4 -4
data/README.md
CHANGED
@@ -52,7 +52,7 @@ Responder will do the math for you and convert your breakpoint values into ems.
|
|
52
52
|
|
53
53
|
**Change the default pixel ratio for the retina media query**
|
54
54
|
|
55
|
-
$responder-retina-pixel-ratio:
|
55
|
+
$responder-retina-pixel-ratio: 1.5; // Defaults to 2
|
56
56
|
|
57
57
|
### 2. Using the respond-to mixin
|
58
58
|
|
@@ -67,9 +67,9 @@ This is how you use respond-to in your SASS stylesheet:
|
|
67
67
|
}
|
68
68
|
For each breakpoint you've defined you now have 3 available parameters for the respond-to mixin:
|
69
69
|
|
70
|
-
- breakpointName
|
71
|
-
- breakpointName
|
72
|
-
- breakpointName
|
70
|
+
- breakpointName-only
|
71
|
+
- breakpointName-and-up
|
72
|
+
- breakpointName-and-below
|
73
73
|
|
74
74
|
*An example:*
|
75
75
|
|
data/lib/responder/version.rb
CHANGED
data/scss/responder.scss
CHANGED
@@ -42,6 +42,13 @@ $old-ie-breakpoint: false !default;
|
|
42
42
|
|
43
43
|
@mixin responder-breakpoints($breakpoints...) {
|
44
44
|
|
45
|
+
// If passing a list instead of multiple arguments we need to "extract" that list
|
46
|
+
// from the arglist ex: @include responder-breakpoints($breakpoints) instead of
|
47
|
+
// @include responder-breakpoints(s 320px, m 600px, l 900px)
|
48
|
+
@if length($breakpoints) == 1 and type-of(nth($breakpoints,1)) == 'list' {
|
49
|
+
$breakpoints: nth($breakpoints, 1);
|
50
|
+
}
|
51
|
+
|
45
52
|
@if length($breakpoints) > 1 {
|
46
53
|
$breakpoint-names: getBreakpointNames($breakpoints);
|
47
54
|
$breakpoint-values: getBreakpointValues($breakpoints);
|
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.2.
|
4
|
+
version: 0.2.3
|
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:
|
12
|
+
date: 2013-08-26 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass
|
@@ -98,7 +98,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
98
98
|
version: '0'
|
99
99
|
segments:
|
100
100
|
- 0
|
101
|
-
hash:
|
101
|
+
hash: 1897734912639680492
|
102
102
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
103
103
|
none: false
|
104
104
|
requirements:
|
@@ -107,7 +107,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
107
107
|
version: '0'
|
108
108
|
segments:
|
109
109
|
- 0
|
110
|
-
hash:
|
110
|
+
hash: 1897734912639680492
|
111
111
|
requirements: []
|
112
112
|
rubyforge_project:
|
113
113
|
rubygems_version: 1.8.24
|