longitude 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +7 -2
- data/lib/longitude/version.rb +1 -1
- data/longitude.gemspec +1 -1
- data/spec/integration/media_queries_spec.rb +18 -0
- data/stylesheets/longitude.scss +7 -3
- metadata +11 -11
data/README.md
CHANGED
@@ -14,12 +14,12 @@ Install
|
|
14
14
|
|
15
15
|
To use it together with SASS just do:
|
16
16
|
|
17
|
-
gem install
|
17
|
+
gem install longitude
|
18
18
|
|
19
19
|
Or if you are using [Bundler](http://gembundler.com/) just type add it
|
20
20
|
to your Gemfile
|
21
21
|
|
22
|
-
gem 'longitude'
|
22
|
+
gem 'longitude'
|
23
23
|
|
24
24
|
Usage
|
25
25
|
-----
|
@@ -145,6 +145,11 @@ extra breakpoint for all width larger then the maximum provided with in
|
|
145
145
|
real pixels. This makes debugging and adjusting much easier and ensures
|
146
146
|
pixel perfectness when the largest breakpoint is used.
|
147
147
|
|
148
|
+
### is-fluid()
|
149
|
+
|
150
|
+
Return true or false depending on if the current breakpoint is the extra
|
151
|
+
breakpoint mentioned above.
|
152
|
+
|
148
153
|
Compatibility mode (dealing with Internet Explorer)
|
149
154
|
---------------------------------------------------
|
150
155
|
|
data/lib/longitude/version.rb
CHANGED
data/longitude.gemspec
CHANGED
@@ -24,5 +24,5 @@ Longitude is more a collection of calculations than just a normal CSS grid. It l
|
|
24
24
|
s.add_development_dependency 'rake'
|
25
25
|
s.add_development_dependency "rspec"
|
26
26
|
|
27
|
-
s.add_runtime_dependency "sass", "
|
27
|
+
s.add_runtime_dependency "sass", "3.2.0.alpha.94"
|
28
28
|
end
|
@@ -39,4 +39,22 @@ describe 'Media queries' do
|
|
39
39
|
@css.should include('@media (min-width: 41px) and (max-width: 80px)')
|
40
40
|
end
|
41
41
|
end
|
42
|
+
|
43
|
+
describe 'fluidity check' do
|
44
|
+
before :each do
|
45
|
+
@css = render """
|
46
|
+
@include longitude(4) {
|
47
|
+
p {
|
48
|
+
@if not is-fluid() {
|
49
|
+
color: blue;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
}
|
53
|
+
"""
|
54
|
+
end
|
55
|
+
|
56
|
+
it 'should only render "color: blue" for the higher bound media query' do
|
57
|
+
@css.should match(/@media \(min-width: 321px\).*color: blue;/m)
|
58
|
+
end
|
59
|
+
end
|
42
60
|
end
|
data/stylesheets/longitude.scss
CHANGED
@@ -46,10 +46,14 @@ $longitude-base-width: 100%;
|
|
46
46
|
margin-right: gutter();
|
47
47
|
}
|
48
48
|
|
49
|
-
@
|
49
|
+
@function is-fluid() {
|
50
|
+
@return $longitude-base-width == 100%;
|
51
|
+
}
|
52
|
+
|
53
|
+
@mixin longitude($breakpoints) {
|
50
54
|
$prev-column-count: 0;
|
51
55
|
$max-width: 0;
|
52
|
-
@each $column-count in $
|
56
|
+
@each $column-count in $breakpoints {
|
53
57
|
$longitude-column-count: $column-count;
|
54
58
|
@if $longitude-compatibility-mode == false {
|
55
59
|
$min-width: absolute-width($prev-column-count);
|
@@ -58,7 +62,7 @@ $longitude-base-width: 100%;
|
|
58
62
|
@if $min-width > 0 {
|
59
63
|
$query: '(min-width: #{$min-width + 1px}) and #{$query}';
|
60
64
|
}
|
61
|
-
@media $query {
|
65
|
+
@media #{$query} {
|
62
66
|
@content;
|
63
67
|
}
|
64
68
|
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: longitude
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-03-
|
12
|
+
date: 2012-03-19 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: rake
|
16
|
-
requirement: &
|
16
|
+
requirement: &70248153881960 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,10 +21,10 @@ dependencies:
|
|
21
21
|
version: '0'
|
22
22
|
type: :development
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70248153881960
|
25
25
|
- !ruby/object:Gem::Dependency
|
26
26
|
name: rspec
|
27
|
-
requirement: &
|
27
|
+
requirement: &70248153880880 !ruby/object:Gem::Requirement
|
28
28
|
none: false
|
29
29
|
requirements:
|
30
30
|
- - ! '>='
|
@@ -32,18 +32,18 @@ dependencies:
|
|
32
32
|
version: '0'
|
33
33
|
type: :development
|
34
34
|
prerelease: false
|
35
|
-
version_requirements: *
|
35
|
+
version_requirements: *70248153880880
|
36
36
|
- !ruby/object:Gem::Dependency
|
37
37
|
name: sass
|
38
|
-
requirement: &
|
38
|
+
requirement: &70248153879680 !ruby/object:Gem::Requirement
|
39
39
|
none: false
|
40
40
|
requirements:
|
41
|
-
- -
|
41
|
+
- - =
|
42
42
|
- !ruby/object:Gem::Version
|
43
|
-
version: 3.2.
|
43
|
+
version: 3.2.0.alpha.94
|
44
44
|
type: :runtime
|
45
45
|
prerelease: false
|
46
|
-
version_requirements: *
|
46
|
+
version_requirements: *70248153879680
|
47
47
|
description: ! 'Lets you easily using SCSS create responsive, mobile first layouts
|
48
48
|
with minimal footprint in an unobtrusive way!
|
49
49
|
|
@@ -94,7 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
94
94
|
version: '0'
|
95
95
|
requirements: []
|
96
96
|
rubyforge_project: longitude
|
97
|
-
rubygems_version: 1.8.
|
97
|
+
rubygems_version: 1.8.16
|
98
98
|
signing_key:
|
99
99
|
specification_version: 3
|
100
100
|
summary: A responsive, mobile first, unobtrusive SCSS grid!
|