longitude 0.1.0 → 0.1.1
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 +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!
|