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 CHANGED
@@ -14,12 +14,12 @@ Install
14
14
 
15
15
  To use it together with SASS just do:
16
16
 
17
- gem install jede-longitude --source http://gems.github.com
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', git: 'git@github.com:jede/longitude.git'
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
 
@@ -1,3 +1,3 @@
1
1
  module Longitude
2
- VERSION = "0.1.0"
2
+ VERSION = "0.1.1"
3
3
  end
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", ">= 3.2.beta"
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
@@ -46,10 +46,14 @@ $longitude-base-width: 100%;
46
46
  margin-right: gutter();
47
47
  }
48
48
 
49
- @mixin longitude($columns-list) {
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 $columns-list {
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.0
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-06 00:00:00.000000000 Z
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: &70284800191680 !ruby/object:Gem::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: *70284800191680
24
+ version_requirements: *70248153881960
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: rspec
27
- requirement: &70284800191200 !ruby/object:Gem::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: *70284800191200
35
+ version_requirements: *70248153880880
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: sass
38
- requirement: &70284800190580 !ruby/object:Gem::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.beta
43
+ version: 3.2.0.alpha.94
44
44
  type: :runtime
45
45
  prerelease: false
46
- version_requirements: *70284800190580
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.10
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!