susy 1.0.rc.3 → 1.0.rc.4
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.mkdn +5 -5
- data/VERSION +1 -1
- data/sass/susy/_grid.scss +48 -0
- data/sass/susy/_media.scss +26 -2
- data/sass/susy/_settings.scss +10 -0
- data/susy.gemspec +11 -10
- data/test/css/background.css +6 -5
- data/test/css/grid.css +3 -4
- data/test/css/margin.css +6 -6
- data/test/css/media.css +15 -3
- data/test/css/padding.css +4 -4
- data/test/scss/media.scss +5 -1
- metadata +7 -14
data/CHANGELOG.mkdn
CHANGED
|
@@ -36,14 +36,14 @@ Changed API:
|
|
|
36
36
|
* `$total-cols` => `$total-columns`
|
|
37
37
|
* `$col-width` => `$column-width`
|
|
38
38
|
* `$side-gutter-width` => `$grid-padding`
|
|
39
|
-
*
|
|
40
|
-
*
|
|
39
|
+
* `@include un-column` & `@include reset-column` => `@include reset-columns`
|
|
40
|
+
* `@include columns` => `@include span-columns`
|
|
41
41
|
|
|
42
42
|
Removed:
|
|
43
43
|
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
44
|
+
* `@include alpha` is no longer needed.
|
|
45
|
+
* `@include omega` no longer accepts the `$context` argument.
|
|
46
|
+
* `@include full` can be replaced by a simple `clear: both;` when needed.
|
|
47
47
|
* `side-gutter()` is no longer needed. Use `$grid-padding` instead.
|
|
48
48
|
|
|
49
49
|
Other:
|
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
1.0.rc.
|
|
1
|
+
1.0.rc.4
|
data/sass/susy/_grid.scss
CHANGED
|
@@ -3,12 +3,29 @@
|
|
|
3
3
|
|
|
4
4
|
@import "compass/utilities/general/clearfix";
|
|
5
5
|
|
|
6
|
+
// ---------------------------------------------------------------------------
|
|
7
|
+
// Border-Box Sizing
|
|
8
|
+
|
|
9
|
+
// Apply the border-box sizing model to all elements
|
|
10
|
+
// and adjust the grid math appropriately.
|
|
11
|
+
@mixin border-box-sizing {
|
|
12
|
+
$border-box-sizing: true;
|
|
13
|
+
* { @include box-sizing(border-box); }
|
|
14
|
+
}
|
|
15
|
+
|
|
6
16
|
// ---------------------------------------------------------------------------
|
|
7
17
|
// Container
|
|
8
18
|
|
|
9
19
|
// Set the width of a container
|
|
10
20
|
@mixin set-container-width(){
|
|
11
21
|
$width: if($container-width, $container-width, columns-width());
|
|
22
|
+
@if $border-box-sizing {
|
|
23
|
+
@if comparable($width, $grid-padding) {
|
|
24
|
+
$width: $width + ($grid-padding*2);
|
|
25
|
+
} @else {
|
|
26
|
+
@warn "$grid-padding must be set in units comparable to column and gutter widths, in order for $border-box-sizing to work properly.";
|
|
27
|
+
}
|
|
28
|
+
}
|
|
12
29
|
|
|
13
30
|
@if $container-style == 'static' {
|
|
14
31
|
width: $width;
|
|
@@ -188,3 +205,34 @@
|
|
|
188
205
|
) {
|
|
189
206
|
&:#{format-nth($n,$selector)} { @include remove-omega($context,$from); }
|
|
190
207
|
}
|
|
208
|
+
|
|
209
|
+
// ---------------------------------------------------------------------------
|
|
210
|
+
// Change Settings
|
|
211
|
+
|
|
212
|
+
@mixin with-grid-settings(
|
|
213
|
+
$columns: $total-columns,
|
|
214
|
+
$width: $column-width,
|
|
215
|
+
$gutter: $gutter-width,
|
|
216
|
+
$padding: $grid-padding
|
|
217
|
+
) {
|
|
218
|
+
// keep the defaults around
|
|
219
|
+
$default-columns: $total-columns;
|
|
220
|
+
$default-width: $column-width;
|
|
221
|
+
$default-gutter: $gutter-width;
|
|
222
|
+
$default-padding: $grid-padding;
|
|
223
|
+
|
|
224
|
+
// use the new settings
|
|
225
|
+
$total-columns: $columns;
|
|
226
|
+
$column-width: $width;
|
|
227
|
+
$gutter-width: $gutter;
|
|
228
|
+
$grid-padding: $padding;
|
|
229
|
+
|
|
230
|
+
// apply to contents
|
|
231
|
+
@content;
|
|
232
|
+
|
|
233
|
+
// re-instate the defaults
|
|
234
|
+
$total-columns: $default-columns;
|
|
235
|
+
$column-width: $default-width;
|
|
236
|
+
$gutter-width: $default-gutter;
|
|
237
|
+
$grid-padding: $default-padding;
|
|
238
|
+
}
|
data/sass/susy/_media.scss
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
// ---------------------------------------------------------------------------
|
|
2
|
+
// Imports
|
|
3
|
+
|
|
4
|
+
// Change the legacy-support-for-ie* settings in specific contexts.
|
|
5
|
+
// Here temporarily, until it lands in compass.
|
|
6
|
+
@mixin set-legacy-ie-support($ie6: false, $ie7: false, $ie8: false) {
|
|
7
|
+
$legacy-support-for-ie6: $ie6;
|
|
8
|
+
$legacy-support-for-ie7: $ie7;
|
|
9
|
+
$legacy-support-for-ie8: $ie8;
|
|
10
|
+
}
|
|
11
|
+
|
|
1
12
|
// ---------------------------------------------------------------------------
|
|
2
13
|
// Media Mixins
|
|
3
14
|
|
|
@@ -36,8 +47,8 @@
|
|
|
36
47
|
$max : nth($media-layout,3);
|
|
37
48
|
$ie : nth($media-layout,4);
|
|
38
49
|
|
|
39
|
-
@if not $breakpoint-media-output and not $breakpoint-ie-output {
|
|
40
|
-
@warn "Either $breakpoint-media-output or $breakpoint-
|
|
50
|
+
@if (not $breakpoint-media-output) and (not $breakpoint-ie-output) and (not $breakpoint-raw-output) {
|
|
51
|
+
@warn "Either $breakpoint-media-output, $breakpoint-ie-output, or $breakpoint-raw-output must be true for at-breakpoint to work.";
|
|
41
52
|
}
|
|
42
53
|
|
|
43
54
|
// We need to have either a min-width breakpoint or a layout in order to proceed.
|
|
@@ -53,6 +64,12 @@
|
|
|
53
64
|
// Set our new layout context.
|
|
54
65
|
@include layout($layout) {
|
|
55
66
|
@if $breakpoint-media-output {
|
|
67
|
+
// dont need to support old IE inside media-queries
|
|
68
|
+
$initial-legacy-support-for-ie6: $legacy-support-for-ie6;
|
|
69
|
+
$initial-legacy-support-for-ie7: $legacy-support-for-ie7;
|
|
70
|
+
$initial-legacy-support-for-ie8: $legacy-support-for-ie8;
|
|
71
|
+
@include set-legacy-ie-support(false, false, false);
|
|
72
|
+
|
|
56
73
|
@if $min and $max {
|
|
57
74
|
// Both $min and $max
|
|
58
75
|
@media (min-width: $min) and (max-width: $max) {
|
|
@@ -76,6 +93,9 @@
|
|
|
76
93
|
}
|
|
77
94
|
}
|
|
78
95
|
}
|
|
96
|
+
|
|
97
|
+
// return IE support to its initial setting
|
|
98
|
+
@include set-legacy-ie-support($initial-legacy-support-for-ie6, $initial-legacy-support-for-ie7, $initial-legacy-support-for-ie8);
|
|
79
99
|
}
|
|
80
100
|
// Set an IE fallback
|
|
81
101
|
@if $ie and $breakpoint-ie-output {
|
|
@@ -86,6 +106,10 @@
|
|
|
86
106
|
@content;
|
|
87
107
|
}
|
|
88
108
|
}
|
|
109
|
+
|
|
110
|
+
@if $breakpoint-raw-output {
|
|
111
|
+
@content;
|
|
112
|
+
}
|
|
89
113
|
}
|
|
90
114
|
} @else {
|
|
91
115
|
@warn "Something went horribly wrong here. Try adjusting your variables.";
|
data/sass/susy/_settings.scss
CHANGED
|
@@ -35,6 +35,13 @@ $container-width : false !default;
|
|
|
35
35
|
// (this will overrule any static $container-width settings)
|
|
36
36
|
$container-style : magic !default;
|
|
37
37
|
|
|
38
|
+
// Border-Box Sizing
|
|
39
|
+
// Adjust the grid math appropriately for box-sizing: border-box;
|
|
40
|
+
// Warning: This does not actually apply the new box model!
|
|
41
|
+
// In most cases you can ignore this setting,
|
|
42
|
+
// and simply apply the border-box-sizing mixin.
|
|
43
|
+
$border-box-sizing : false !default;
|
|
44
|
+
|
|
38
45
|
// ---------------------------------------------------------------------------
|
|
39
46
|
// IE Settings
|
|
40
47
|
|
|
@@ -44,3 +51,6 @@ $container-style : magic !default;
|
|
|
44
51
|
// any defined ie-fallback classes.
|
|
45
52
|
$breakpoint-media-output : true;
|
|
46
53
|
$breakpoint-ie-output : true;
|
|
54
|
+
|
|
55
|
+
// Danger Zone! Only set as 'true' in IE-specific style sheets.
|
|
56
|
+
$breakpoint-raw-output : false;
|
data/susy.gemspec
CHANGED
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
# -*- encoding: utf-8 -*-
|
|
2
2
|
|
|
3
3
|
Gem::Specification.new do |s|
|
|
4
|
-
s.name =
|
|
5
|
-
s.version = "1.0.rc.
|
|
4
|
+
s.name = %q{susy}
|
|
5
|
+
s.version = "1.0.rc.4"
|
|
6
6
|
|
|
7
7
|
s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
|
|
8
8
|
s.authors = ["Eric Meyer"]
|
|
9
|
-
s.date =
|
|
10
|
-
s.description =
|
|
11
|
-
s.email =
|
|
9
|
+
s.date = %q{2012-08-02}
|
|
10
|
+
s.description = %q{Susy grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way.}
|
|
11
|
+
s.email = %q{eric@oddbird.net}
|
|
12
12
|
s.extra_rdoc_files = ["CHANGELOG.mkdn", "LICENSE.txt", "README.md", "lib/susy.rb"]
|
|
13
13
|
s.files = ["CHANGELOG.mkdn", "LICENSE.txt", "Manifest", "README.md", "Rakefile", "VERSION", "lib/susy.rb", "sass/_susy.scss", "sass/susy/_background.scss", "sass/susy/_functions.scss", "sass/susy/_grid.scss", "sass/susy/_margin.scss", "sass/susy/_media.scss", "sass/susy/_padding.scss", "sass/susy/_settings.scss", "susy.gemspec", "templates/project/_base.scss", "templates/project/manifest.rb", "templates/project/screen.scss", "test/config.rb", "test/css/background.css", "test/css/grid.css", "test/css/margin.css", "test/css/media.css", "test/css/padding.css", "test/scss/background.scss", "test/scss/grid.scss", "test/scss/margin.scss", "test/scss/media.scss", "test/scss/padding.scss"]
|
|
14
|
-
s.homepage =
|
|
14
|
+
s.homepage = %q{http://susy.oddbird.net/}
|
|
15
15
|
s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Susy", "--main", "README.md"]
|
|
16
16
|
s.require_paths = ["lib"]
|
|
17
|
-
s.rubyforge_project =
|
|
18
|
-
s.rubygems_version =
|
|
19
|
-
s.summary =
|
|
17
|
+
s.rubyforge_project = %q{susy}
|
|
18
|
+
s.rubygems_version = %q{1.3.6}
|
|
19
|
+
s.summary = %q{Responsive grids for Compass.}
|
|
20
20
|
|
|
21
21
|
if s.respond_to? :specification_version then
|
|
22
|
+
current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
|
|
22
23
|
s.specification_version = 3
|
|
23
24
|
|
|
24
|
-
if Gem::Version.new(Gem::
|
|
25
|
+
if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
|
|
25
26
|
s.add_runtime_dependency(%q<compass>, [">= 0.12.2"])
|
|
26
27
|
s.add_runtime_dependency(%q<sass>, [">= 3.2.0.alpha.247"])
|
|
27
28
|
else
|
data/test/css/background.css
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
.background {
|
|
2
|
-
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(6.
|
|
3
|
-
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.
|
|
4
|
-
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.
|
|
5
|
-
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.
|
|
6
|
-
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.
|
|
2
|
+
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(6.77966%, rgba(100, 100, 225, 0.25)), color-stop(6.77966%, rgba(0, 0, 0, 0)), color-stop(8.47458%, rgba(0, 0, 0, 0)), color-stop(8.47458%, rgba(100, 100, 225, 0.25)), color-stop(15.25424%, rgba(100, 100, 225, 0.25)), color-stop(15.25424%, rgba(0, 0, 0, 0)), color-stop(16.94915%, rgba(0, 0, 0, 0)), color-stop(16.94915%, rgba(100, 100, 225, 0.25)), color-stop(23.72881%, rgba(100, 100, 225, 0.25)), color-stop(23.72881%, rgba(0, 0, 0, 0)), color-stop(25.42373%, rgba(0, 0, 0, 0)), color-stop(25.42373%, rgba(100, 100, 225, 0.25)), color-stop(32.20339%, rgba(100, 100, 225, 0.25)), color-stop(32.20339%, rgba(0, 0, 0, 0)), color-stop(33.89831%, rgba(0, 0, 0, 0)), color-stop(33.89831%, rgba(100, 100, 225, 0.25)), color-stop(40.67797%, rgba(100, 100, 225, 0.25)), color-stop(40.67797%, rgba(0, 0, 0, 0)), color-stop(42.37288%, rgba(0, 0, 0, 0)), color-stop(42.37288%, rgba(100, 100, 225, 0.25)), color-stop(49.15254%, rgba(100, 100, 225, 0.25)), color-stop(49.15254%, rgba(0, 0, 0, 0)), color-stop(50.84746%, rgba(0, 0, 0, 0)), color-stop(50.84746%, rgba(100, 100, 225, 0.25)), color-stop(57.62712%, rgba(100, 100, 225, 0.25)), color-stop(57.62712%, rgba(0, 0, 0, 0)), color-stop(59.32203%, rgba(0, 0, 0, 0)), color-stop(59.32203%, rgba(100, 100, 225, 0.25)), color-stop(66.10169%, rgba(100, 100, 225, 0.25)), color-stop(66.10169%, rgba(0, 0, 0, 0)), color-stop(67.79661%, rgba(0, 0, 0, 0)), color-stop(67.79661%, rgba(100, 100, 225, 0.25)), color-stop(74.57627%, rgba(100, 100, 225, 0.25)), color-stop(74.57627%, rgba(0, 0, 0, 0)), color-stop(76.27119%, rgba(0, 0, 0, 0)), color-stop(76.27119%, rgba(100, 100, 225, 0.25)), color-stop(83.05085%, rgba(100, 100, 225, 0.25)), color-stop(83.05085%, rgba(0, 0, 0, 0)), color-stop(84.74576%, rgba(0, 0, 0, 0)), color-stop(84.74576%, rgba(100, 100, 225, 0.25)), color-stop(91.52542%, rgba(100, 100, 225, 0.25)), color-stop(91.52542%, rgba(0, 0, 0, 0)), color-stop(93.22034%, rgba(0, 0, 0, 0)), color-stop(93.22034%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
|
|
3
|
+
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
|
|
4
|
+
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
|
|
5
|
+
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
|
|
6
|
+
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
|
|
7
|
+
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
|
|
7
8
|
background-position: left top;
|
|
8
9
|
-webkit-background-origin: content;
|
|
9
10
|
-moz-background-origin: content;
|
data/test/css/grid.css
CHANGED
|
@@ -30,12 +30,11 @@
|
|
|
30
30
|
@media (min-width: 71em) {
|
|
31
31
|
.complex-container {
|
|
32
32
|
max-width: 69em;
|
|
33
|
-
_width: 69em;
|
|
34
33
|
}
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
.span-columns {
|
|
38
|
-
width: 49.
|
|
37
|
+
width: 49.15254%;
|
|
39
38
|
float: right;
|
|
40
39
|
margin-right: 0;
|
|
41
40
|
#margin-left: -1em;
|
|
@@ -66,12 +65,12 @@
|
|
|
66
65
|
|
|
67
66
|
.remove-omega {
|
|
68
67
|
float: left;
|
|
69
|
-
margin-right: 1.
|
|
68
|
+
margin-right: 1.69492%;
|
|
70
69
|
#margin-left: 0;
|
|
71
70
|
}
|
|
72
71
|
|
|
73
72
|
.remove-nth-omega:last-child {
|
|
74
73
|
float: left;
|
|
75
|
-
margin-right: 1.
|
|
74
|
+
margin-right: 1.69492%;
|
|
76
75
|
#margin-left: 0;
|
|
77
76
|
}
|
data/test/css/margin.css
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
.pre {
|
|
2
|
-
margin-left: 25.
|
|
2
|
+
margin-left: 25.42373%;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.post {
|
|
6
|
-
margin-right: 33.
|
|
6
|
+
margin-right: 33.89831%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.push {
|
|
10
|
-
margin-left: 25.
|
|
10
|
+
margin-left: 25.42373%;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.pull {
|
|
14
|
-
margin-left: -33.
|
|
14
|
+
margin-left: -33.89831%;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.squish {
|
|
18
|
-
margin-left: 12.
|
|
19
|
-
margin-right: 25.
|
|
18
|
+
margin-left: 12.82051%;
|
|
19
|
+
margin-right: 25.64103%;
|
|
20
20
|
}
|
data/test/css/media.css
CHANGED
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
@media (min-width: 31em) {
|
|
17
17
|
.breakpoint .break6 {
|
|
18
|
-
*zoom: 1;
|
|
19
18
|
max-width: 29em;
|
|
20
|
-
_width: 29em;
|
|
21
19
|
margin-left: auto;
|
|
22
20
|
margin-right: auto;
|
|
23
21
|
padding-left: 1em;
|
|
@@ -32,6 +30,20 @@
|
|
|
32
30
|
@media (min-width: 30em) and (max-width: 60em) {
|
|
33
31
|
.breakpoint .break60-8-30 {
|
|
34
32
|
max-width: 39em;
|
|
35
|
-
_width: 39em;
|
|
36
33
|
}
|
|
37
34
|
}
|
|
35
|
+
|
|
36
|
+
.with-settings6-3-2-1 {
|
|
37
|
+
*zoom: 1;
|
|
38
|
+
max-width: 28em;
|
|
39
|
+
_width: 28em;
|
|
40
|
+
margin-left: auto;
|
|
41
|
+
margin-right: auto;
|
|
42
|
+
padding-left: 1em;
|
|
43
|
+
padding-right: 1em;
|
|
44
|
+
}
|
|
45
|
+
.with-settings6-3-2-1:after {
|
|
46
|
+
content: "";
|
|
47
|
+
display: table;
|
|
48
|
+
clear: both;
|
|
49
|
+
}
|
data/test/css/padding.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
.prefix {
|
|
2
|
-
padding-left: 16.
|
|
2
|
+
padding-left: 16.94915%;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.suffix {
|
|
6
|
-
padding-right: 22.
|
|
6
|
+
padding-right: 22.72727%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.pad {
|
|
10
|
-
padding-left: 20.
|
|
11
|
-
padding-right: 40.
|
|
10
|
+
padding-left: 20.40816%;
|
|
11
|
+
padding-right: 40.81633%;
|
|
12
12
|
}
|
data/test/scss/media.scss
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: susy
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
|
|
5
|
-
prerelease: 4
|
|
4
|
+
prerelease: true
|
|
6
5
|
segments:
|
|
7
6
|
- 1
|
|
8
7
|
- 0
|
|
9
8
|
- rc
|
|
10
|
-
-
|
|
11
|
-
version: 1.0.rc.
|
|
9
|
+
- 4
|
|
10
|
+
version: 1.0.rc.4
|
|
12
11
|
platform: ruby
|
|
13
12
|
authors:
|
|
14
13
|
- Eric Meyer
|
|
@@ -16,17 +15,16 @@ autorequire:
|
|
|
16
15
|
bindir: bin
|
|
17
16
|
cert_chain: []
|
|
18
17
|
|
|
19
|
-
date: 2012-
|
|
18
|
+
date: 2012-08-02 00:00:00 -06:00
|
|
19
|
+
default_executable:
|
|
20
20
|
dependencies:
|
|
21
21
|
- !ruby/object:Gem::Dependency
|
|
22
22
|
name: compass
|
|
23
23
|
prerelease: false
|
|
24
24
|
requirement: &id001 !ruby/object:Gem::Requirement
|
|
25
|
-
none: false
|
|
26
25
|
requirements:
|
|
27
26
|
- - ">="
|
|
28
27
|
- !ruby/object:Gem::Version
|
|
29
|
-
hash: 43
|
|
30
28
|
segments:
|
|
31
29
|
- 0
|
|
32
30
|
- 12
|
|
@@ -38,11 +36,9 @@ dependencies:
|
|
|
38
36
|
name: sass
|
|
39
37
|
prerelease: false
|
|
40
38
|
requirement: &id002 !ruby/object:Gem::Requirement
|
|
41
|
-
none: false
|
|
42
39
|
requirements:
|
|
43
40
|
- - ">="
|
|
44
41
|
- !ruby/object:Gem::Version
|
|
45
|
-
hash: -714522370
|
|
46
42
|
segments:
|
|
47
43
|
- 3
|
|
48
44
|
- 2
|
|
@@ -94,6 +90,7 @@ files:
|
|
|
94
90
|
- test/scss/margin.scss
|
|
95
91
|
- test/scss/media.scss
|
|
96
92
|
- test/scss/padding.scss
|
|
93
|
+
has_rdoc: true
|
|
97
94
|
homepage: http://susy.oddbird.net/
|
|
98
95
|
licenses: []
|
|
99
96
|
|
|
@@ -108,20 +105,16 @@ rdoc_options:
|
|
|
108
105
|
require_paths:
|
|
109
106
|
- lib
|
|
110
107
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
111
|
-
none: false
|
|
112
108
|
requirements:
|
|
113
109
|
- - ">="
|
|
114
110
|
- !ruby/object:Gem::Version
|
|
115
|
-
hash: 3
|
|
116
111
|
segments:
|
|
117
112
|
- 0
|
|
118
113
|
version: "0"
|
|
119
114
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
120
|
-
none: false
|
|
121
115
|
requirements:
|
|
122
116
|
- - ">="
|
|
123
117
|
- !ruby/object:Gem::Version
|
|
124
|
-
hash: 11
|
|
125
118
|
segments:
|
|
126
119
|
- 1
|
|
127
120
|
- 2
|
|
@@ -129,7 +122,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
129
122
|
requirements: []
|
|
130
123
|
|
|
131
124
|
rubyforge_project: susy
|
|
132
|
-
rubygems_version: 1.
|
|
125
|
+
rubygems_version: 1.3.6
|
|
133
126
|
signing_key:
|
|
134
127
|
specification_version: 3
|
|
135
128
|
summary: Responsive grids for Compass.
|