susy 1.0.9 → 2.2.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +1 -1
- data/README.md +20 -115
- data/VERSION +1 -1
- data/docs/changelog.rst +783 -0
- data/lib/compass-susy.rb +1 -0
- data/lib/susy.rb +14 -4
- data/sass/_su.scss +4 -0
- data/sass/_susy.scss +3 -15
- data/sass/_susyone.scss +4 -0
- data/sass/susy/_su.scss +7 -0
- data/sass/susy/language/_susy.scss +24 -0
- data/sass/susy/language/_susyone.scss +13 -0
- data/sass/susy/language/susy/_background.scss +385 -0
- data/sass/susy/language/susy/_bleed.scss +200 -0
- data/sass/susy/language/susy/_box-sizing.scss +47 -0
- data/sass/susy/language/susy/_breakpoint-plugin.scss +185 -0
- data/sass/susy/language/susy/_container.scss +81 -0
- data/sass/susy/language/susy/_context.scss +36 -0
- data/sass/susy/language/susy/_gallery.scss +94 -0
- data/sass/susy/language/susy/_grids.scss +64 -0
- data/sass/susy/language/susy/_gutters.scss +154 -0
- data/sass/susy/language/susy/_isolate.scss +77 -0
- data/sass/susy/language/susy/_margins.scss +94 -0
- data/sass/susy/language/susy/_padding.scss +74 -0
- data/sass/susy/language/susy/_rows.scss +138 -0
- data/sass/susy/language/susy/_settings.scss +216 -0
- data/sass/susy/language/susy/_span.scss +163 -0
- data/sass/susy/language/susy/_validation.scss +16 -0
- data/sass/susy/{_background.scss → language/susyone/_background.scss} +0 -0
- data/sass/susy/{_functions.scss → language/susyone/_functions.scss} +23 -22
- data/sass/susy/{_grid.scss → language/susyone/_grid.scss} +76 -50
- data/sass/susy/{_isolation.scss → language/susyone/_isolation.scss} +0 -0
- data/sass/susy/{_margin.scss → language/susyone/_margin.scss} +0 -0
- data/sass/susy/{_media.scss → language/susyone/_media.scss} +26 -33
- data/sass/susy/{_padding.scss → language/susyone/_padding.scss} +0 -0
- data/sass/susy/{_settings.scss → language/susyone/_settings.scss} +4 -0
- data/sass/susy/output/_float.scss +9 -0
- data/sass/susy/output/_shared.scss +15 -0
- data/sass/susy/output/_support.scss +9 -0
- data/sass/susy/output/float/_container.scss +16 -0
- data/sass/susy/output/float/_end.scss +40 -0
- data/sass/susy/output/float/_isolate.scss +22 -0
- data/sass/susy/output/float/_span.scss +35 -0
- data/sass/susy/output/shared/_background.scss +26 -0
- data/sass/susy/output/shared/_container.scss +21 -0
- data/sass/susy/output/shared/_direction.scss +42 -0
- data/sass/susy/output/shared/_inspect.scss +25 -0
- data/sass/susy/output/shared/_margins.scss +23 -0
- data/sass/susy/output/shared/_output.scss +14 -0
- data/sass/susy/output/shared/_padding.scss +23 -0
- data/sass/susy/output/support/_background.scss +58 -0
- data/sass/susy/output/support/_box-sizing.scss +19 -0
- data/sass/susy/output/support/_clearfix.scss +18 -0
- data/sass/susy/output/support/_prefix.scss +19 -0
- data/sass/susy/output/support/_rem.scss +22 -0
- data/sass/susy/output/support/_support.scss +95 -0
- data/sass/susy/su/_grid.scss +103 -0
- data/sass/susy/su/_settings.scss +73 -0
- data/sass/susy/su/_utilities.scss +111 -0
- data/sass/susy/su/_validation.scss +57 -0
- data/templates/project/_grids.scss +9 -0
- data/templates/project/manifest.rb +6 -10
- data/templates/project/style.scss +4 -0
- metadata +106 -111
- data/CHANGELOG.mkdn +0 -296
- data/Manifest +0 -39
- data/Rakefile +0 -19
- data/sass/susy/_support.scss +0 -198
- data/sass/susy/_units.scss +0 -159
- data/susy.gemspec +0 -35
- data/templates/project/_base.scss +0 -14
- data/templates/project/screen.scss +0 -12
- data/test/config.rb +0 -10
- data/test/css/background.css +0 -16
- data/test/css/bleed.css +0 -20
- data/test/css/functions.css +0 -7
- data/test/css/grid.css +0 -134
- data/test/css/isolation.css +0 -46
- data/test/css/margin.css +0 -20
- data/test/css/media.css +0 -101
- data/test/css/padding.css +0 -12
- data/test/scss/background.scss +0 -11
- data/test/scss/bleed.scss +0 -19
- data/test/scss/functions.scss +0 -15
- data/test/scss/grid.scss +0 -77
- data/test/scss/isolation.scss +0 -19
- data/test/scss/margin.scss +0 -27
- data/test/scss/media.scss +0 -50
- data/test/scss/padding.scss +0 -19
@@ -1,14 +0,0 @@
|
|
1
|
-
// ---------------------------------------------------------------------------
|
2
|
-
// Imports
|
3
|
-
|
4
|
-
@import "susy";
|
5
|
-
|
6
|
-
// ---------------------------------------------------------------------------
|
7
|
-
// Basic Grid
|
8
|
-
|
9
|
-
$total-columns : 12;
|
10
|
-
$column-width : 4em;
|
11
|
-
$gutter-width : 1em;
|
12
|
-
$grid-padding : $gutter-width;
|
13
|
-
|
14
|
-
$show-grid-backgrounds : true;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
// ---------------------------------------------------------------------------
|
2
|
-
// Imports
|
3
|
-
|
4
|
-
@import "base";
|
5
|
-
|
6
|
-
/* -------------------------------------------------------------------------*/
|
7
|
-
/* Layout */
|
8
|
-
|
9
|
-
.container {
|
10
|
-
@include container;
|
11
|
-
@include susy-grid-background;
|
12
|
-
}
|
data/test/config.rb
DELETED
data/test/css/background.css
DELETED
@@ -1,16 +0,0 @@
|
|
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.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: 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-position: left top;
|
8
|
-
-webkit-background-origin: content;
|
9
|
-
-moz-background-origin: content;
|
10
|
-
-ms-background-origin: content-box;
|
11
|
-
-o-background-origin: content-box;
|
12
|
-
background-origin: content-box;
|
13
|
-
-webkit-background-clip: content-box;
|
14
|
-
-moz-background-clip: content-box;
|
15
|
-
background-clip: content-box;
|
16
|
-
}
|
data/test/css/bleed.css
DELETED
@@ -1,20 +0,0 @@
|
|
1
|
-
.bleed-columns {
|
2
|
-
margin-left: -25.42373%;
|
3
|
-
padding-left: 25.42373%;
|
4
|
-
margin-right: -25.42373%;
|
5
|
-
padding-right: 25.42373%;
|
6
|
-
}
|
7
|
-
|
8
|
-
.bleed-length {
|
9
|
-
margin-left: -3em;
|
10
|
-
padding-left: 3em;
|
11
|
-
margin-right: -3em;
|
12
|
-
padding-right: 3em;
|
13
|
-
}
|
14
|
-
|
15
|
-
.bleed-sides {
|
16
|
-
margin-top: -4%;
|
17
|
-
padding-top: 4%;
|
18
|
-
margin-bottom: -4%;
|
19
|
-
padding-bottom: 4%;
|
20
|
-
}
|
data/test/css/functions.css
DELETED
data/test/css/grid.css
DELETED
@@ -1,134 +0,0 @@
|
|
1
|
-
.container {
|
2
|
-
*zoom: 1;
|
3
|
-
max-width: 59em;
|
4
|
-
_width: 59em;
|
5
|
-
padding-left: 1em;
|
6
|
-
padding-right: 1em;
|
7
|
-
margin-left: auto;
|
8
|
-
margin-right: auto;
|
9
|
-
}
|
10
|
-
.container:after {
|
11
|
-
content: "";
|
12
|
-
display: table;
|
13
|
-
clear: both;
|
14
|
-
}
|
15
|
-
|
16
|
-
.complex-container {
|
17
|
-
*zoom: 1;
|
18
|
-
max-width: 59em;
|
19
|
-
_width: 59em;
|
20
|
-
padding-left: 1em;
|
21
|
-
padding-right: 1em;
|
22
|
-
margin-left: auto;
|
23
|
-
margin-right: auto;
|
24
|
-
}
|
25
|
-
.complex-container:after {
|
26
|
-
content: "";
|
27
|
-
display: table;
|
28
|
-
clear: both;
|
29
|
-
}
|
30
|
-
@media (min-width: 69em) {
|
31
|
-
.complex-container {
|
32
|
-
max-width: 69em;
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
.span-columns {
|
37
|
-
width: 49.15254%;
|
38
|
-
float: right;
|
39
|
-
margin-right: 0;
|
40
|
-
*margin-left: -1em;
|
41
|
-
display: inline;
|
42
|
-
}
|
43
|
-
|
44
|
-
.span-columns-with-padding {
|
45
|
-
padding-left: 1.69492%;
|
46
|
-
padding-right: 3.38983%;
|
47
|
-
width: 44.0678%;
|
48
|
-
float: right;
|
49
|
-
margin-right: 0;
|
50
|
-
*margin-left: -1em;
|
51
|
-
display: inline;
|
52
|
-
}
|
53
|
-
|
54
|
-
.reset-columns {
|
55
|
-
float: none;
|
56
|
-
width: auto;
|
57
|
-
margin-right: auto;
|
58
|
-
*margin-left: auto;
|
59
|
-
display: block;
|
60
|
-
}
|
61
|
-
|
62
|
-
.omega {
|
63
|
-
float: right;
|
64
|
-
margin-right: 0;
|
65
|
-
*margin-left: -1em;
|
66
|
-
display: inline;
|
67
|
-
}
|
68
|
-
|
69
|
-
.nth-omega:last-child {
|
70
|
-
float: right;
|
71
|
-
margin-right: 0;
|
72
|
-
}
|
73
|
-
|
74
|
-
.remove-omega {
|
75
|
-
float: left;
|
76
|
-
margin-right: 1.69492%;
|
77
|
-
*margin-left: auto;
|
78
|
-
}
|
79
|
-
|
80
|
-
.remove-nth-omega:last-child {
|
81
|
-
float: left;
|
82
|
-
margin-right: 1.69492%;
|
83
|
-
}
|
84
|
-
|
85
|
-
/* ---------------------------------------------------------------------------
|
86
|
-
/* Border-Box Sizing */
|
87
|
-
* {
|
88
|
-
-webkit-box-sizing: border-box;
|
89
|
-
-moz-box-sizing: border-box;
|
90
|
-
box-sizing: border-box;
|
91
|
-
}
|
92
|
-
|
93
|
-
.container {
|
94
|
-
*zoom: 1;
|
95
|
-
max-width: 61em;
|
96
|
-
_width: 61em;
|
97
|
-
padding-left: 1em;
|
98
|
-
padding-right: 1em;
|
99
|
-
margin-left: auto;
|
100
|
-
margin-right: auto;
|
101
|
-
}
|
102
|
-
.container:after {
|
103
|
-
content: "";
|
104
|
-
display: table;
|
105
|
-
clear: both;
|
106
|
-
}
|
107
|
-
|
108
|
-
.span-columns-with-padding {
|
109
|
-
padding-left: 1.69492%;
|
110
|
-
padding-right: 3.38983%;
|
111
|
-
width: 49.15254%;
|
112
|
-
float: right;
|
113
|
-
margin-right: 0;
|
114
|
-
*margin-left: -1em;
|
115
|
-
display: inline;
|
116
|
-
}
|
117
|
-
|
118
|
-
/* ---------------------------------------------------------------------------
|
119
|
-
/* Static output */
|
120
|
-
.static {
|
121
|
-
width: 9em;
|
122
|
-
float: left;
|
123
|
-
margin-right: 1em;
|
124
|
-
display: inline;
|
125
|
-
}
|
126
|
-
|
127
|
-
.force-fluid {
|
128
|
-
width: 15.25424%;
|
129
|
-
float: left;
|
130
|
-
margin-right: 1.69492%;
|
131
|
-
display: inline;
|
132
|
-
margin-left: 8.47458%;
|
133
|
-
margin-right: 8.47458%;
|
134
|
-
}
|
data/test/css/isolation.css
DELETED
@@ -1,46 +0,0 @@
|
|
1
|
-
.isolate {
|
2
|
-
margin-right: -100%;
|
3
|
-
margin-left: 16.94915%;
|
4
|
-
}
|
5
|
-
|
6
|
-
.isolate-grid {
|
7
|
-
width: 24.05063%;
|
8
|
-
float: left;
|
9
|
-
margin-right: 1.26582%;
|
10
|
-
display: inline;
|
11
|
-
margin-right: -100%;
|
12
|
-
}
|
13
|
-
.isolate-grid:nth-child(4n + 1) {
|
14
|
-
margin-left: 0%;
|
15
|
-
clear: left;
|
16
|
-
}
|
17
|
-
.isolate-grid:nth-child(4n + 2) {
|
18
|
-
margin-left: 25.31646%;
|
19
|
-
}
|
20
|
-
.isolate-grid:nth-child(4n + 3) {
|
21
|
-
margin-left: 50.63291%;
|
22
|
-
}
|
23
|
-
.isolate-grid:nth-child(4n + 4) {
|
24
|
-
margin-left: 75.94937%;
|
25
|
-
}
|
26
|
-
|
27
|
-
.isolate-grid-for-nth-of-type {
|
28
|
-
width: 24.05063%;
|
29
|
-
float: left;
|
30
|
-
margin-right: 1.26582%;
|
31
|
-
display: inline;
|
32
|
-
margin-right: -100%;
|
33
|
-
}
|
34
|
-
.isolate-grid-for-nth-of-type:nth-of-type(4n + 1) {
|
35
|
-
margin-left: 0%;
|
36
|
-
clear: left;
|
37
|
-
}
|
38
|
-
.isolate-grid-for-nth-of-type:nth-of-type(4n + 2) {
|
39
|
-
margin-left: 25.31646%;
|
40
|
-
}
|
41
|
-
.isolate-grid-for-nth-of-type:nth-of-type(4n + 3) {
|
42
|
-
margin-left: 50.63291%;
|
43
|
-
}
|
44
|
-
.isolate-grid-for-nth-of-type:nth-of-type(4n + 4) {
|
45
|
-
margin-left: 75.94937%;
|
46
|
-
}
|
data/test/css/margin.css
DELETED
@@ -1,20 +0,0 @@
|
|
1
|
-
.pre {
|
2
|
-
margin-left: 25.42373%;
|
3
|
-
}
|
4
|
-
|
5
|
-
.post {
|
6
|
-
margin-right: 33.89831%;
|
7
|
-
}
|
8
|
-
|
9
|
-
.push {
|
10
|
-
margin-left: 25.42373%;
|
11
|
-
}
|
12
|
-
|
13
|
-
.pull {
|
14
|
-
margin-left: -33.89831%;
|
15
|
-
}
|
16
|
-
|
17
|
-
.squish {
|
18
|
-
margin-left: 12.82051%;
|
19
|
-
margin-right: 25.64103%;
|
20
|
-
}
|
data/test/css/media.css
DELETED
@@ -1,101 +0,0 @@
|
|
1
|
-
.layout {
|
2
|
-
*zoom: 1;
|
3
|
-
max-width: 19em;
|
4
|
-
_width: 19em;
|
5
|
-
padding-left: 1em;
|
6
|
-
padding-right: 1em;
|
7
|
-
margin-left: auto;
|
8
|
-
margin-right: auto;
|
9
|
-
}
|
10
|
-
.layout:after {
|
11
|
-
content: "";
|
12
|
-
display: table;
|
13
|
-
clear: both;
|
14
|
-
}
|
15
|
-
|
16
|
-
@media (min-width: 29em) {
|
17
|
-
.breakpoint .break6 {
|
18
|
-
max-width: 29em;
|
19
|
-
padding-left: 1em;
|
20
|
-
padding-right: 1em;
|
21
|
-
margin-left: auto;
|
22
|
-
margin-right: auto;
|
23
|
-
}
|
24
|
-
.breakpoint .break6:after {
|
25
|
-
content: "";
|
26
|
-
display: table;
|
27
|
-
clear: both;
|
28
|
-
}
|
29
|
-
.breakpoint .nth-omega:nth-child(3n) {
|
30
|
-
float: right;
|
31
|
-
margin-right: 0;
|
32
|
-
}
|
33
|
-
}
|
34
|
-
@media (min-width: 30em) and (max-width: 60em) {
|
35
|
-
.breakpoint .break60-8-30 {
|
36
|
-
max-width: 39em;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
@media (min-width: 119em) {
|
40
|
-
.breakpoint .break-ltie9 {
|
41
|
-
max-width: 119em;
|
42
|
-
-webkit-border-radius: 5px;
|
43
|
-
-moz-border-radius: 5px;
|
44
|
-
-ms-border-radius: 5px;
|
45
|
-
-o-border-radius: 5px;
|
46
|
-
border-radius: 5px;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
.lt-ie9 .breakpoint .break-ltie9 {
|
50
|
-
max-width: 119em;
|
51
|
-
_width: 119em;
|
52
|
-
*zoom: 1;
|
53
|
-
-ms-border-radius: 5px;
|
54
|
-
border-radius: 5px;
|
55
|
-
}
|
56
|
-
|
57
|
-
.with-settings6-3-2-1 {
|
58
|
-
*zoom: 1;
|
59
|
-
max-width: 28em;
|
60
|
-
_width: 28em;
|
61
|
-
padding-left: 1em;
|
62
|
-
padding-right: 1em;
|
63
|
-
margin-left: auto;
|
64
|
-
margin-right: auto;
|
65
|
-
}
|
66
|
-
.with-settings6-3-2-1:after {
|
67
|
-
content: "";
|
68
|
-
display: table;
|
69
|
-
clear: both;
|
70
|
-
}
|
71
|
-
|
72
|
-
.with-settings6-3r-2r-1r {
|
73
|
-
*zoom: 1;
|
74
|
-
max-width: 504px;
|
75
|
-
max-width: 28rem;
|
76
|
-
_width: 504px;
|
77
|
-
padding-left: 18px;
|
78
|
-
padding-left: 1rem;
|
79
|
-
padding-right: 18px;
|
80
|
-
padding-right: 1rem;
|
81
|
-
margin-left: auto;
|
82
|
-
margin-right: auto;
|
83
|
-
}
|
84
|
-
.with-settings6-3r-2r-1r:after {
|
85
|
-
content: "";
|
86
|
-
display: table;
|
87
|
-
clear: both;
|
88
|
-
}
|
89
|
-
|
90
|
-
@media (min-width: 33.75em) and (max-width: 67.5em) {
|
91
|
-
.break60r-8-30r {
|
92
|
-
max-width: 684px;
|
93
|
-
max-width: 38rem;
|
94
|
-
}
|
95
|
-
}
|
96
|
-
@media (min-width: 33.75em) and (max-width: 67.5em) {
|
97
|
-
.break60-8-30 {
|
98
|
-
max-width: 684px;
|
99
|
-
max-width: 38rem;
|
100
|
-
}
|
101
|
-
}
|
data/test/css/padding.css
DELETED
data/test/scss/background.scss
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
// ---------------------------------------------------------------------------
|
2
|
-
// Imports
|
3
|
-
|
4
|
-
@import "../../sass/susy";
|
5
|
-
|
6
|
-
// ---------------------------------------------------------------------------
|
7
|
-
// Background
|
8
|
-
|
9
|
-
.background {
|
10
|
-
@include susy-grid-background;
|
11
|
-
}
|
data/test/scss/bleed.scss
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
// ---------------------------------------------------------------------------
|
2
|
-
// Imports
|
3
|
-
|
4
|
-
@import "../../sass/susy";
|
5
|
-
|
6
|
-
// ---------------------------------------------------------------------------
|
7
|
-
// Bleed
|
8
|
-
|
9
|
-
.bleed-columns {
|
10
|
-
@include bleed(3);
|
11
|
-
}
|
12
|
-
|
13
|
-
.bleed-length {
|
14
|
-
@include bleed(3em);
|
15
|
-
}
|
16
|
-
|
17
|
-
.bleed-sides {
|
18
|
-
@include bleed(4%, top bottom);
|
19
|
-
}
|
data/test/scss/functions.scss
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
// ---------------------------------------------------------------------------
|
2
|
-
// Imports
|
3
|
-
|
4
|
-
@import "../../sass/susy";
|
5
|
-
|
6
|
-
// ---------------------------------------------------------------------------
|
7
|
-
// Functions
|
8
|
-
|
9
|
-
.container-outer-width-default {
|
10
|
-
width: container-outer-width();
|
11
|
-
}
|
12
|
-
|
13
|
-
.container-outer-width-explicit {
|
14
|
-
width: container-outer-width(8);
|
15
|
-
}
|