susy 1.0.9 → 2.2.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +1 -1
  3. data/README.md +20 -115
  4. data/VERSION +1 -1
  5. data/docs/changelog.rst +783 -0
  6. data/lib/compass-susy.rb +1 -0
  7. data/lib/susy.rb +14 -4
  8. data/sass/_su.scss +4 -0
  9. data/sass/_susy.scss +3 -15
  10. data/sass/_susyone.scss +4 -0
  11. data/sass/susy/_su.scss +7 -0
  12. data/sass/susy/language/_susy.scss +24 -0
  13. data/sass/susy/language/_susyone.scss +13 -0
  14. data/sass/susy/language/susy/_background.scss +385 -0
  15. data/sass/susy/language/susy/_bleed.scss +200 -0
  16. data/sass/susy/language/susy/_box-sizing.scss +47 -0
  17. data/sass/susy/language/susy/_breakpoint-plugin.scss +185 -0
  18. data/sass/susy/language/susy/_container.scss +81 -0
  19. data/sass/susy/language/susy/_context.scss +36 -0
  20. data/sass/susy/language/susy/_gallery.scss +94 -0
  21. data/sass/susy/language/susy/_grids.scss +64 -0
  22. data/sass/susy/language/susy/_gutters.scss +154 -0
  23. data/sass/susy/language/susy/_isolate.scss +77 -0
  24. data/sass/susy/language/susy/_margins.scss +94 -0
  25. data/sass/susy/language/susy/_padding.scss +74 -0
  26. data/sass/susy/language/susy/_rows.scss +138 -0
  27. data/sass/susy/language/susy/_settings.scss +216 -0
  28. data/sass/susy/language/susy/_span.scss +163 -0
  29. data/sass/susy/language/susy/_validation.scss +16 -0
  30. data/sass/susy/{_background.scss → language/susyone/_background.scss} +0 -0
  31. data/sass/susy/{_functions.scss → language/susyone/_functions.scss} +23 -22
  32. data/sass/susy/{_grid.scss → language/susyone/_grid.scss} +76 -50
  33. data/sass/susy/{_isolation.scss → language/susyone/_isolation.scss} +0 -0
  34. data/sass/susy/{_margin.scss → language/susyone/_margin.scss} +0 -0
  35. data/sass/susy/{_media.scss → language/susyone/_media.scss} +26 -33
  36. data/sass/susy/{_padding.scss → language/susyone/_padding.scss} +0 -0
  37. data/sass/susy/{_settings.scss → language/susyone/_settings.scss} +4 -0
  38. data/sass/susy/output/_float.scss +9 -0
  39. data/sass/susy/output/_shared.scss +15 -0
  40. data/sass/susy/output/_support.scss +9 -0
  41. data/sass/susy/output/float/_container.scss +16 -0
  42. data/sass/susy/output/float/_end.scss +40 -0
  43. data/sass/susy/output/float/_isolate.scss +22 -0
  44. data/sass/susy/output/float/_span.scss +35 -0
  45. data/sass/susy/output/shared/_background.scss +26 -0
  46. data/sass/susy/output/shared/_container.scss +21 -0
  47. data/sass/susy/output/shared/_direction.scss +42 -0
  48. data/sass/susy/output/shared/_inspect.scss +25 -0
  49. data/sass/susy/output/shared/_margins.scss +23 -0
  50. data/sass/susy/output/shared/_output.scss +14 -0
  51. data/sass/susy/output/shared/_padding.scss +23 -0
  52. data/sass/susy/output/support/_background.scss +58 -0
  53. data/sass/susy/output/support/_box-sizing.scss +19 -0
  54. data/sass/susy/output/support/_clearfix.scss +18 -0
  55. data/sass/susy/output/support/_prefix.scss +19 -0
  56. data/sass/susy/output/support/_rem.scss +22 -0
  57. data/sass/susy/output/support/_support.scss +95 -0
  58. data/sass/susy/su/_grid.scss +103 -0
  59. data/sass/susy/su/_settings.scss +73 -0
  60. data/sass/susy/su/_utilities.scss +111 -0
  61. data/sass/susy/su/_validation.scss +57 -0
  62. data/templates/project/_grids.scss +9 -0
  63. data/templates/project/manifest.rb +6 -10
  64. data/templates/project/style.scss +4 -0
  65. metadata +106 -111
  66. data/CHANGELOG.mkdn +0 -296
  67. data/Manifest +0 -39
  68. data/Rakefile +0 -19
  69. data/sass/susy/_support.scss +0 -198
  70. data/sass/susy/_units.scss +0 -159
  71. data/susy.gemspec +0 -35
  72. data/templates/project/_base.scss +0 -14
  73. data/templates/project/screen.scss +0 -12
  74. data/test/config.rb +0 -10
  75. data/test/css/background.css +0 -16
  76. data/test/css/bleed.css +0 -20
  77. data/test/css/functions.css +0 -7
  78. data/test/css/grid.css +0 -134
  79. data/test/css/isolation.css +0 -46
  80. data/test/css/margin.css +0 -20
  81. data/test/css/media.css +0 -101
  82. data/test/css/padding.css +0 -12
  83. data/test/scss/background.scss +0 -11
  84. data/test/scss/bleed.scss +0 -19
  85. data/test/scss/functions.scss +0 -15
  86. data/test/scss/grid.scss +0 -77
  87. data/test/scss/isolation.scss +0 -19
  88. data/test/scss/margin.scss +0 -27
  89. data/test/scss/media.scss +0 -50
  90. 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
@@ -1,10 +0,0 @@
1
- # Compass CSS framework config file
2
-
3
- project_type = :stand_alone
4
- http_path = "/"
5
- sass_dir = "scss"
6
- css_dir = "css"
7
- line_comments = false
8
- preferred_syntax = :scss
9
- output_style = :expanded
10
- relative_assets = true
@@ -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
- }
@@ -1,7 +0,0 @@
1
- .container-outer-width-default {
2
- width: 59em;
3
- }
4
-
5
- .container-outer-width-explicit {
6
- width: 39em;
7
- }
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
- }
@@ -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
@@ -1,12 +0,0 @@
1
- .prefix {
2
- padding-left: 16.94915%;
3
- }
4
-
5
- .suffix {
6
- padding-right: 22.72727%;
7
- }
8
-
9
- .pad {
10
- padding-left: 20.40816%;
11
- padding-right: 40.81633%;
12
- }
@@ -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
- }
@@ -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
- }