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
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 2def2e5a8a611e82f515fff1e2d8fddb967aabe5
4
+ data.tar.gz: d148a7596ae43cbe245b0f617e09876b1364461f
5
+ SHA512:
6
+ metadata.gz: dc4feae38f46b441dc5939897d90500a57692a70e220ec09f5a5b469610adb12c0bef9c9bcfa5d1e943dd914b56fad5a87a25d9e6f977c8335b97edbf8e74c12
7
+ data.tar.gz: 4e9db7e2baf10a970bdb8b35b76bb6357979b2d1b92ab5e99b06dc172434a18e1468692d578f52bca70eadd858eff24ac2d7f7f13d39afea70fcab9ae1caf59e
data/LICENSE.txt CHANGED
@@ -1,4 +1,4 @@
1
- Copyright (c) 2012, Eric Meyer
1
+ Copyright (c) 2015, Miriam Eric Suzanne
2
2
  All rights reserved.
3
3
 
4
4
  Redistribution and use in source and binary forms, with or without
data/README.md CHANGED
@@ -1,121 +1,26 @@
1
- # Susy [a Compass plugin]
1
+ Power Tools For The Web
2
+ =======================
2
3
 
3
- Susy is a semantic CSS grid system with a responsive twist.
4
+ [![Build Status](https://travis-ci.org/oddbird/susy.png?branch=susy-next)](https://travis-ci.org/oddbird/susy)
4
5
 
5
- The web is a responsive place,
6
- from your lithe & lively development process
7
- to your end user's super-tablet-multi-magic-lap-phone.
8
- You need grids that are powerful, but custom;
9
- reliable, but responsive.
6
+ Susy is an agnostic set of tools
7
+ for creating powerful, custom layouts.
8
+ We provide the language,
9
+ but you provide all the opinions.
10
+ Use a grid, don't use a grid,
11
+ or use a combination of grids —
12
+ it's all up to you.
10
13
 
11
- Susy grids are fluid on the inside,
12
- ready to respond at any moment,
13
- but contained in the candy shell of your choice,
14
- so they respond how and when and where you want them to.
14
+ We didn't want to build another system,
15
+ we wanted to build power tools
16
+ that you could use in any system.
15
17
 
16
- This isn't another one-size-fits-all grid framework
17
- that will make your sites look identical
18
- and litter your markup with meaningless "col2of5" jargon.
19
- We don't design your site or write your markup,
20
- we just do the math and get out of your way.
18
+ Your markup, your layout | *our math*
21
19
 
22
- ## Resources
23
- - [Website](http://susy.oddbird.net)
24
- - [Changelog](https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn)
25
- - [Tutorial](http://susy.oddbird.net/guides/getting-started/)
26
- - [Reference](http://susy.oddbird.net/guides/reference/)
27
- - [Sites using Susy](http://susy.oddbird.net/sites-using-susy/)
28
- - [Twitter @CompassSusy](http://twitter.com/compasssusy/)
29
-
30
- ## Contributing
31
-
32
- We love contributions,
33
- both as ideas and pull requests.
34
- The core of Susy is all in the `/sass/` directory.
35
-
36
- Once you make changes,
37
- you can test them by building the gem
38
- and installing it somewhere to test.
39
- We also have unit tests that you can run.
40
-
41
- ### Building the gem
42
-
43
- You'll need Rake and Echoe installed:
44
-
45
- ```bash
46
- # command line
47
- gem install rake
48
- gem install echoe
49
- ```
50
-
51
- It might be helpful to bump the version number in `VERSION`,
52
- but any changes you make there
53
- should not be committed.
54
-
55
- Then you can build:
56
-
57
- ```bash
58
- # command line
59
- rake build
60
- ```
61
-
62
- Your new gem will appear in
63
- a folder called `pkg`.
64
- You can install it for testing
65
- directly from there.
66
-
67
- ```bash
68
- # command line
69
- gem install <path-to-file>
70
- ```
20
+ Resources
21
+ ---------
71
22
 
72
- ### Building the docs
73
-
74
- If you are adding features
75
- or changing how a current feature works,
76
- your changes should be documented.
77
- Or you might be helping us maintain the docs.
78
- In either case,
79
- you'll need to run the docs dev server
80
- in order to see your changes.
81
-
82
- In the `docs` folder:
83
-
84
- ```bash
85
- # command line
86
- gem install bundler
87
- bundle install
88
- ```
89
-
90
- The site is built with
91
- [middleman](http://middlemanapp.com/).
92
- To run the development server:
93
-
94
- ```bash
95
- # command line
96
- middleman
97
- ```
98
-
99
- The server should now be running at `localhost:4567`.
100
-
101
- Make any changes you need
102
- under the `source` directory,
103
- then commit your changes
104
- and submit a pull request when you are done!
105
-
106
- ### Tests
107
-
108
- The tests we have are very basic at this point.
109
- Simply go into the `test` directory
110
- (with the latest Sass and Compass gems installed)
111
- and run `compass compile --force`.
112
-
113
- There should be no changes.
114
- If there are changes,
115
- go back and find what caused the change.
116
- If the change was intentional,
117
- simply commit the changed test files.
118
- If it was not intentional,
119
- go back and find what caused the problem.
120
-
121
- Use `git diff` to see the changes.
23
+ - [Website](http://susy.oddbird.net/)
24
+ - [Documentation](http://susydocs.oddbird.net/)
25
+ - [Sites using Susy](http://susy.oddbird.net/sites-using-susy/)
26
+ - [Twitter @SassSusy](http://twitter.com/Sasssusy/)
data/VERSION CHANGED
@@ -1 +1 @@
1
- 1.0.9
1
+ 2.2.13
@@ -0,0 +1,783 @@
1
+ Changelog
2
+ =========
3
+
4
+ 2.2.13 - Apr 10 2018
5
+ --------------------
6
+
7
+ - Support Sass 3.5+ `get-function` requirements.
8
+ - Doc updates & typo fixes.
9
+
10
+
11
+ 2.2.12 - Jan 25 2016
12
+ --------------------
13
+
14
+ - Fix bug in validation-errors.
15
+
16
+
17
+ 2.2.11 - Jan 15 2016
18
+ --------------------
19
+
20
+ - Fix bug with `susy-inspect`.
21
+
22
+
23
+ 2.2.10 - Jan 7 2016
24
+ -------------------
25
+
26
+ - Add `$pixel-values-only` setting to SusyOne,
27
+ for turning off Compass `rem` support.
28
+
29
+
30
+ 2.2.6 - Sep 1 2015
31
+ ------------------
32
+
33
+ - Fix a bug with overlay grids.
34
+ - Fix a bug with 0-width split gutters.
35
+ - Other small bug fixes.
36
+
37
+
38
+ 2.2.5 - May 14 2015
39
+ -------------------
40
+
41
+ - Pass grid arguments to overlay positioning mixin.
42
+
43
+
44
+ 2.2.3 - Apr 28 2015
45
+ -------------------
46
+
47
+ - Work around libsass fraction bug.
48
+
49
+
50
+ 2.2.2 - Jan 23 2015
51
+ -------------------
52
+
53
+ - Fix bug in npm package.
54
+
55
+
56
+ 2.2.1 - Jan 14 2015
57
+ -------------------
58
+
59
+ - Release npm ``susy`` package.
60
+ - Add global ``$susy-media`` map for creating named breakpoints.
61
+ - Add internal media-query support for ``susy-breakpoint``
62
+ without requiring the Breakpoint plugin.
63
+ - ``susy-breakpoint`` mixin no longer requires ``$layout`` argument.
64
+ By default, no changes will be made to your existing layout.
65
+ - Update ``global-box-sizing`` and the legacy ``border-box-sizing``
66
+ mixins to optionally take another argument, ``$inherit``. This new
67
+ argument is a boolean value that defaults to ``false``, meaning the
68
+ behavior of these mixins will not change by default. The default
69
+ behavior sets all elements to use the specified ``box-sizing``,
70
+ which can only be changed explicitly on a per-element basis. By passing
71
+ in ``$inherit`` as ``true``, the ``box-sizing`` is set on the
72
+ ``html`` element, and all other elements inherit this property. This
73
+ means that the ``box-sizing`` can be changed at the component level
74
+ and all nested elements will inherit this change. This cascading
75
+ effect can be prevented by explicitly setting ``box-sizing`` on the
76
+ exceptions within the nested context.
77
+ - Add ``su`` import at root level.
78
+ - Both ``su`` and ``susy`` work with the latest LibSass master branch (3.0.2+).
79
+ There are a few exceptions:
80
+
81
+ + The ``susysone`` syntax
82
+ + ``overlay`` grid output
83
+ + The ``inherit`` option for ``global-box-sizing`` & ``border-box-sizing``
84
+
85
+
86
+ 2.1.3 - Jul 16 2014
87
+ -------------------
88
+
89
+ - Baseline grid image uses `px` instead of `%`.
90
+ - Updated Sass dependency to work with 3.4.
91
+
92
+
93
+ 2.1.2 - Apr 28 2014
94
+ -------------------
95
+
96
+ - ``first`` and ``last`` keywords output ``0`` margins instead of ``null``
97
+ so they can be used to override previous span settings.
98
+ - Output ``:before`` / ``:after`` rather than ``::before`` / ``::after``
99
+ to support IE8.
100
+ - Load Susy paths in Compass if required, otherwise add it to SASS_PATH.
101
+ [`Adrien Antoine <https://github.com/Alshten>`_]
102
+ - Compass 1.0 config no longer needs to ``require 'susy'``.
103
+ Susy is registered with Compass automatically.
104
+ - Add ``$clean`` argument to ``layout`` and ``with-layout`` mixins,
105
+ for creating new layout contexts from a clean slate.
106
+
107
+
108
+ 2.1.1 - Mar 13 2014
109
+ -------------------
110
+
111
+ - Rename core math functions, and prepare for decomposition.
112
+
113
+ + ``column-count()`` => ``susy-count()``
114
+ + ``column-sum()`` => ``susy-sum()``
115
+ + ``column-span()`` => ``susy-slice()``
116
+ + ``column-span-sum()`` => ``susy()``
117
+
118
+ - Add tests for core math validation.
119
+
120
+
121
+ 2.0.0 — Mar 10 2014
122
+ -------------------
123
+
124
+ - New susyone tests for split-columns, is-default-layout, medialayout, columns,
125
+ relative-width, columns width and nth-of-type (using True).
126
+ - Sass 3.3.0 (Maptastic Maple)
127
+ - Rename local 2.0 variables that conflict with global susyone settings.
128
+ - Susyone container mixin applies full container settings at every breakpoint.
129
+
130
+
131
+ 2.0.0.rc.2 — Mar 4 2014
132
+ -----------------------
133
+
134
+ - Fix `templates_path` and compass project templates
135
+ - Fix Compass "rem" integration to respect ``$rhythm-units`` setting.
136
+
137
+
138
+ 2.0.0.rc.1 — Feb 7 2014
139
+ -----------------------
140
+
141
+ - Add browser support module with settings to ``use-custom`` mixins
142
+ for ``background-image``,
143
+ ``background-options`` (``-size``, ``-clip``, ``-origin``),
144
+ ``box-sizing``, ``clearfix``, and ``rem``.
145
+ If you set to ``false``,
146
+ we'll make sure everything works well on modern browsers.
147
+ If you set to ``true``,
148
+ we'll check for existing mixins (e.g. from Compass or Bourbon)
149
+ to provide more powerful legacy support.
150
+
151
+ .. code-block: scss
152
+
153
+ $susy: (
154
+ use-custom: (
155
+ clearfix: false,
156
+ background-image: true,
157
+ background-options: false,
158
+ box-sizing: true,
159
+ rem: true,
160
+ ),
161
+ );
162
+
163
+ - Fix bugs caused by Sass changes to ``str-index()``,
164
+ ``#{&}``, and ``@at-root``.
165
+ - Fix Bower dependencies, and add support for Sache.
166
+ - Remove legacy Compass polyfils from susyone code.
167
+
168
+
169
+ 2.0.0.beta.3 — Jan 10 2014
170
+ --------------------------
171
+
172
+ - Fix a bug making ``show-grid`` unaware of local ``debug/output`` keywords.
173
+ - Added Susyone syntax for those that need to use the old Susy syntax,
174
+ with updated Sass and Compass.
175
+
176
+ + ``@import 'susyone';``
177
+
178
+
179
+ 2.0.0.beta.2 — Jan 6 2014
180
+ -------------------------
181
+
182
+ - Allow nesting of Susy settings.
183
+ - ``show-grid`` mixin can output either background or overlay grids.
184
+ - Add ``isolate`` function to return isolation offset width.
185
+ - Fix a bug with ``last`` output for ``split``-gutter layouts.
186
+ - Fix a bug with split-gutter ``span()``, and ``narrow``/``wider`` keywords.
187
+ - Fix a bug with ``bleed`` and ``null`` + ``inside`` gutters.
188
+ - ``bleed`` output uses TRBL shorthand when possible.
189
+ - Clean up and document the core math functions.
190
+ - Document upgrade path, core-math, and DIY grids.
191
+
192
+ BREAKING:
193
+
194
+ - Move debug settings into ``$susy: (debug: (<settings>));``.
195
+ - Replace ``show-grid`` setting with new ``debug: image`` setting.
196
+ - Add ``debug: output`` setting and keywords
197
+ to toggle between ``background`` and ``overlay`` grid images.
198
+ - Remove ``grid-overlay`` mixin.
199
+
200
+ + Becomes part of ``show-grid`` mixin.
201
+ + Doesn't take ``$selector`` argument — should be nested instead.
202
+ + Can still be used multiple times.
203
+
204
+ - ``isolate`` mixin now interprets span argument as location,
205
+ unless location is otherwise specified.
206
+
207
+ + ``isolate(2)`` is the same as ``isolate(at 2)``.
208
+ + ``isolate(25%)`` will isolate *at* ``25%``.
209
+
210
+ - Rename setting controls for consistency.
211
+
212
+ + ``set-grid`` => ``layout``
213
+ + ``use-grid`` => ``with-layout``
214
+
215
+ - ``pad`` and ``squish`` use RL shorthand for shared context.
216
+
217
+ + ``pad(1, 3 of 12)`` => ``pad(1 3 of 12)``
218
+
219
+
220
+ 2.0.0.beta.1 — Dec 24 2013
221
+ --------------------------
222
+
223
+ - Add ``susy-breakpoint`` mixin for basic integration with `Breakpoint`_.
224
+
225
+ + Syntax: ``breakpoint($query, $layout, $no-query)``
226
+ where ``$query`` and ``no-query`` follow the Breakpoint syntax,
227
+ and ``$layout`` uses the Susy syntax for defining grids.
228
+
229
+ - Add ``layout`` function to convert layouts from shorthand syntax to map.
230
+ - Add ``full`` keyword shortcut for full-width spans.
231
+ - BREAKING: Remove unclear ``row`` and ``unrow`` mixins.
232
+ - Add ``break`` and ``nobreak`` mixins/keywords
233
+ to create a new line before any element in the layout.
234
+ - BREAKING: Rename ``is-container: container`` setting/value to ``role: nest``.
235
+ - BREAKING: Rename ``layout-method`` setting to ``output``.
236
+ - BREAKING: Rename ``layout-math`` setting to ``math``.
237
+ - Clean up division between math/output/syntax layers.
238
+ - ``gutters`` and ``container-position`` can be set to ``null``.
239
+ - If ``gutters`` are set to ``0`` or ``null``, they will have no output.
240
+ - BREAKING: ``full`` output matches span patterns.
241
+ - BREAKING: Debug grids are hidden by default.
242
+ - BREAKING: Remove ``nth-last``/``-omega``/``-first``/``-alpha``
243
+ as confusing & out-of-scope.
244
+ Format your nth-selectors manually to apply ``first``/``last`` mixins.
245
+ - Gutter mixins/functions can accept context-only (without the "of" syntax):
246
+
247
+ + ``gutters(of 10 .25)`` == ``gutters(10 .25)``
248
+ + Unitless numbers are used for context.
249
+ + Lengths (with units) are used as explicit gutter-overrides.
250
+
251
+ - BREAKING: Re-purposed ``susy-set`` as reverse of ``susy-get`` —
252
+ to adjust a single setting.
253
+ Example: ``@include susy-set(gutter-position, inside);``
254
+
255
+ - Replace global ``box-sizing`` setting with ``global-box-sizing``.
256
+
257
+ + Let Susy know what box model you are using globally.
258
+ + ``box-sizing`` can still be passed as a keyword argument.
259
+
260
+ - Add ``global-box-sizing()`` mixin to set your global box model.
261
+
262
+ + Example: ``@include global-box-sizing(border-box);``
263
+ + You can still use the legacy ``@include border-box-sizing;`` as a shortcut.
264
+ + Uses your global setting as a default.
265
+ + Updates your global setting to match, if you pass a different value.
266
+
267
+ - ``gallery`` and ``span`` mixins take global-box-sizing into account.
268
+
269
+ .. _Breakpoint: http://breakpoint-sass.com/
270
+
271
+
272
+ 2.0.0.alpha.6 — Dec 5 2013
273
+ --------------------------
274
+
275
+ - Rewrite syntax parsing so parser and resulting maps are shared across Susy.
276
+ - Fix explicit-span bug causing large gutters.
277
+ - Padding mixins now respect inside gutters.
278
+
279
+ Backwards Incompatible:
280
+
281
+ - Removed ``gutters $n`` keyword in shorthand syntax
282
+ for setting explicit gutters.
283
+ Use ``(gutter-override: $n)`` map instead.
284
+
285
+
286
+ 2.0.0.alpha.5 — Nov 25 2013
287
+ ---------------------------
288
+
289
+ - Compass is no longer a dependency.
290
+
291
+ + Only registers as a compass extension if compass is present.
292
+
293
+ - Any mixin/function that accepts natural language syntax also accepts maps.
294
+ - Maps and natural language can be mixed:
295
+
296
+ + ``$large: (columns: 12, gutters: .5);``
297
+ + ``span(3 $large no-gutters)``
298
+
299
+ - Add ``full`` mixin for full-width spans.
300
+
301
+ Backwards Incompatible:
302
+
303
+ - Requires Sass 3.3
304
+ - Default settings are handled with a Sass map on the ``$susy`` variable.
305
+ Example: ``$susy: (columns: 12, gutters: .25)`` etc.
306
+
307
+ - ``bleed`` now takes standard span syntax, with multiple (TRBL) spans.
308
+
309
+ + e.g. ``bleed(1em 2 of 8)`` for 1em top/bottom and 2-columns left/right.
310
+ + Add ``bleed-x``/``bleed-y`` mixins for horizontal and vertical shortcuts.
311
+
312
+ - Span arguments now accept ``narrow``, ``wide``, or ``wider`` keywords.
313
+
314
+ + The ``wide`` keyword replaces the old ``outer`` keyword.
315
+ + This setting has been re-named from ``outer`` to ``spread``.
316
+
317
+ - Re-wrote grid debugging
318
+
319
+ + More concise & accurate output for symmetrical grids.
320
+ + Changed ``grid-background()`` to ``show-grid()``/``show-grids()``
321
+ + Changed ``overlay-grid()`` to ``grid-overlay()``
322
+ + Moved settings into ``$debug: (color: rgba(#66f, .25), toggle: top right);``
323
+ + Removed overlay-position setting.
324
+ + Only display vertical-rhythms when ``$base-line-height`` is available.
325
+
326
+ - ``split`` gutters are no longer removed at the grid edges.
327
+
328
+ + ``first`` and ``last`` are not special cases for split gutter-handling.
329
+ + pass the ``container`` argument to wrappers you plan to nest inside.
330
+
331
+ - ``first``/``alpha``/``last``/``omega``/``nth-`` mixins require grid context.
332
+
333
+
334
+ 2.0.0.alpha.4 — Sept 4 2013
335
+ ---------------------------
336
+
337
+ - Add ``bleed`` mixin.
338
+ - Fix bug with fluid inside-gutter calculations.
339
+ - ``$last-flow`` setting controls the flow direction of row-ending elements.
340
+ - ``background-grid-output`` now accepts ``$line-height`` argument.
341
+ - Compass modules are imported as needed.
342
+ - ``grid-background``, ``grid-overlay``, ``grid-background-output``,
343
+ & ``$grid-background-color``
344
+ have been renamed to remiain consistent and avoid conflicts with Compass:
345
+
346
+ + ``grid-background`` => ``background-grid``
347
+ + ``grid-overlay`` => ``overlay-grid``
348
+ + ``grid-background-output`` => ``background-grid-output``
349
+ + ``$grid-background-color`` => ``$grid-color``
350
+
351
+ - ``span`` mixing accepts nested ``@content``, and uses nested context.
352
+ - Add ``inside-static`` option for static gutters in otherwise fluid grids.
353
+ - ``gutters`` mixin uses span syntax, accepts explicit gutter span.
354
+ - Explicit gutter-overrides are divided when gutters are ``split``/``inside``.
355
+
356
+
357
+ 2.0.0.alpha.3 — July 9 2013
358
+ ---------------------------
359
+
360
+ - ``row`` now includes clearfix, and ``unrow`` removes clearfix.
361
+ - ``gallery`` output should override previous gallery settings.
362
+ - Removed ``nth-gallery`` and ``isolate-gallery`` in favor of single,
363
+ isolated ``gallery`` mixin.
364
+ - Add padding-span syntax: ``prefix``, ``suffix``, and ``pad``.
365
+ - Add margin-span syntax: ``pre``, ``post``, ``push``, ``pull``, and ``squish``.
366
+ - New ``gutters`` mixin adds gutters to an element.
367
+ - ``gutter`` function now returns half-widths when using split/inside gutters.
368
+ - Add ``outer`` keyword to ``span`` syntax,
369
+ to return span-width including gutters.
370
+
371
+ + Works with both span mixin and span function.
372
+ + Replaces Susy 1.0 ``space`` function.
373
+
374
+ - Add comrehensive unit tests, using `True`_.
375
+ - Improve fall-abck handling of ommitted arguments.
376
+ - Add ``container`` function to return a given container's width.
377
+ - Add ``auto`` keyword to override ``$container-width``,
378
+ otherwise respect existing width.
379
+ - Renamed ``$isolate`` to ``$layout-method``
380
+
381
+ + No longer accepts boolean.
382
+ + Accepts keywords ``isolate`` and (default) ``float``.
383
+
384
+ - Renamed ``$static`` to ``$layout-math``
385
+
386
+ + No longer accepts boolean.
387
+ + Accepts keywords ``static`` (use given units)
388
+ and (default) ``fluid`` (use % units).
389
+
390
+ - Add ``show-columns`` and ``show-baseline`` keywords
391
+ to ``$show-grids`` setting.
392
+ ``show`` will show both columns/baseline, default is ``show-columns``.
393
+
394
+ .. _True: http://miriamsuzanne.com/true/
395
+
396
+
397
+ 2.0.0.alpha.2 — May 7 2013
398
+ --------------------------
399
+
400
+ - Added ``gutter <length>``/``gutters <length>``
401
+ to override the attached gutter width on a single span.
402
+ NOTE: ``gutters 0`` is not the same as ``no-gutters``.
403
+ ``0`` is an output value, ``no-gutters`` removes output.
404
+
405
+ - Added ``container`` span option
406
+ to remove inside gutters from nesting containers.
407
+ - Added ``before``/``after``/``split``/``inside``/``no-gutters`` gutter options.
408
+ - Added ``gallery`` mixin for auto-generating gallery layouts.
409
+ - Moved grid-backgrounds into language layer, and made them syntax-aware.
410
+ - Added ``row``/``unrow``, ``first``/``last``, ``alpha``/``omega``,
411
+ ``nth-first``/``nth-last``, and ``nth-alpha``/``nth-omega``.
412
+ - Added ``container`` and ``span`` mixins with new syntax.
413
+ - Added syntax-aware math functions (``span``/``gutter``/``outer-span``).
414
+ - Added rough ``translate-susy1-settings`` mixin.
415
+ - Moved syntax-specific math into language layer.
416
+ - Fleshed-out new language syntax.
417
+ - Added ``get-grid``, ``set-grid``, and ``use-grid``
418
+ and declaring and managing settings.
419
+ - Remove breakpoint core requirement (will come back as option)
420
+
421
+
422
+ 2.0.0.alpha.1 — Jan 26 2013
423
+ ---------------------------
424
+
425
+ **Susy 2.0 was re-written from the ground up.**
426
+
427
+ - Functioning math engine
428
+ - Initial string parsing for natural syntax
429
+ - Float/Isolation output methods
430
+ - Removed all ECHOE/RAKE stuff in favor of vanilla .gemspec
431
+ - Added Ruby based String Split function
432
+ - Added Sass based ``grid-add`` function, to add grids à la Singularity
433
+ - Added default variables
434
+
435
+
436
+
437
+ 1.0.5 — Nov 27 2012
438
+ -------------------
439
+
440
+ - Add support for rem-units.
441
+ - Clean-up quoted arguments.
442
+ - Fix a few bugs related to the override settings.
443
+
444
+
445
+ 1.0.4 — Nov 3 2012
446
+ -------------------
447
+
448
+ - Fix bug in nested mixins that adjust support
449
+ (e.g. ``nth-omeg`` inside ``at-breakpoint``).
450
+ - Remove non-ie experimental support in ``at-breakpoint`` ie-fallback output.
451
+
452
+
453
+ 1.0.3 — Oct 20 2012
454
+ -------------------
455
+
456
+ - Fix Compass dependencies.
457
+
458
+
459
+ 1.0.2 — Oct 20 2012
460
+ -------------------
461
+
462
+ - Fix a bug with ``container-outer-width`` ignoring ``$columns`` argument.
463
+ - Turn off legacy-ie support inside CSS3 selectors (``nth-omega`` etc).
464
+
465
+
466
+ 1.0.1 — Sept 12 2012
467
+ --------------------
468
+
469
+ - Fix a bug in the relationship
470
+ between ``$container-width`` and ``$border-box-sizing``,
471
+ so that grid-padding is subtracted from the width in certain cases.
472
+ - Reset right margin to ``auto`` rather than ``0`` with ``remove-omega``.
473
+
474
+
475
+ 1.0 — Aug 14 2012
476
+ -----------------
477
+
478
+ This release is loaded with new features, but don't let that fool you. Susy
479
+ just became shockingly simple to use.
480
+
481
+ The gem name has changed from ``compass-susy-plugin`` to ``susy``.
482
+ First uninstall the old gem, then install the new one.
483
+ If you have both gems installed, you will get errors.
484
+
485
+ Semantics:
486
+
487
+ We re-arranged the code
488
+ in order to make the syntax simpler and more consistent:
489
+
490
+ - ``$total-cols`` is now ``$total-columns``.
491
+ - ``$col-width`` is now ``$column-width``.
492
+ - ``$side-gutter-width`` is now ``$grid-padding``
493
+ and gets applied directly to the grid container.
494
+ - ``un-column`` & ``reset-column`` mixins have merged into ``reset-columns``.
495
+ - ``columns`` has been renamed ``span-columns``
496
+ to resolve the conflict with CSS3 columns.
497
+ See other improvements to span-columns below.
498
+
499
+ We also removed several bothersome requirements:
500
+
501
+ - The ``alpha`` mixin is no longer needed. Ever.
502
+ - The ``omega`` no longer takes a ``$context`` argument.
503
+ - ``full`` has been removed entirely.
504
+ Elements will be full-width by default.
505
+ You can add ``clear: both;`` back in as needed.
506
+ - ``side-gutter()`` is no longer needed.
507
+ You can use the ``$grid-padding`` setting directly.
508
+
509
+ Upgrade:
510
+
511
+ That's all you need in order to upgrade from Susy 0.9.
512
+
513
+ 1. Uninstall and re-install the gem.
514
+ 2. Find and replace the semantic changes listed above.
515
+
516
+ You're done! Stop worrying about all that "nested vs. root" bullshit,
517
+ and start playing with the new toys!
518
+
519
+ If you use the ``$from`` directional arguments
520
+ directly in the ``span-columns`` mixin,
521
+ there may be one more change to make.
522
+ See below:
523
+
524
+ New Features:
525
+
526
+ - ``span-columns`` supports new features:
527
+
528
+ + "omega" can be applied directly through the ``$columns`` argument.
529
+ + Internal padding can be added through the ``$padding`` argument.
530
+ + This pushes the ``$from`` argument from third position into fourth.
531
+
532
+ - ``at-breakpoint`` allows you to change layouts at media breakpoints.
533
+ - ``container`` accepts multiple media-layout combinations as a shortcut.
534
+ - ``layout`` allows you to use a different layout at any time.
535
+ - ``with-grid-settings`` allows you to change any or all grid settings.
536
+ - ``set-container-width`` does what it says, without the other container code.
537
+ - ``$breakpoint-media-output``, ``$breakpoint-ie-output``,
538
+ and ``$breakpoint-raw-output``
539
+ settings help manage the different outputs from ``at-breakpoint``
540
+ when you have IE-overrides living in a file of their own.
541
+ - ``border-box-sizing`` will apply the popular ``* { box-sizing: border-box }``
542
+ universal box-model fix, as well as changing the Susy ``$border-box-model``
543
+ setting for you, so Susy knows to adjust some math.
544
+ - The ``space()`` function can be used anywhere you need column+gutter math.
545
+ - ``push``/``pull``/``pre``/``post``/``squish`` mixins help manage margins.
546
+ - use the ``nth-omega`` mixin to set omega on any nth-child, nth-of-type,
547
+ first, last, or only element.
548
+ - ``remove-omega`` and ``remove-nth-omega`` will remove
549
+ the omega-specific styles from an element.
550
+ - ``$container-width`` will override the width of your container
551
+ with any arbitrary length.
552
+ - ``$container-style`` will override the type of grid container
553
+ (magic, fluid, fixed, static, etc) to use.
554
+
555
+
556
+ 0.9 — Apr 25 2011
557
+ -----------------
558
+
559
+ Everything here is about simplicity. Susy has scaled back to it's most basic
560
+ function: providing flexible grids. That is all.
561
+
562
+ Deprecated:
563
+
564
+ - The ``susy/susy`` import is deprecated in favor of simply importing ``susy``.
565
+ - The ``show-grid`` import is deprecated in favor of CSS3 gradient-based
566
+ grid-images. You can now use the ``susy-grid-background`` mixin. See below.
567
+
568
+ Removed:
569
+
570
+ - Susy no longer imports all of compass.
571
+ - Susy no longer establishes your baseline and no longer provides a reset.
572
+ All of that is in the Compass core. You can (and should!) keep using them,
573
+ but you will need to import them from compass.
574
+
575
+ New:
576
+
577
+ - Use ``susy-grid-background`` mixin on any ``container`` to display the grid.
578
+ This toggles on and off with the same controls that are used by the compass
579
+ grid-background module.
580
+
581
+
582
+ 0.9.beta.3 — Mar 16 2011
583
+ ------------------------
584
+
585
+ Deprecated:
586
+
587
+ - The ``susy/reset`` import has been deprecated
588
+ in favor of the Compass core ``compass/reset`` import.
589
+ - The ``susy`` mixin has been deprecated.
590
+ If you plan to continue using vertical-rhythms,
591
+ you should replace it with the ``establish-baseline`` mixin
592
+ from the Compass Core.
593
+
594
+ Removed:
595
+
596
+ - The ``vertical-rhythm`` module has moved into compass core.
597
+ The API remains the same, but if you were importing it directly,
598
+ you will have to update that import.
599
+ (``$px2em`` was removed as part of this, but didn't make it into core).
600
+ - The ``defaults`` template has been removed as 'out-of-scope'.
601
+ This will not effect upgrading in any way,
602
+ but new projects will not get a template with default styles.
603
+
604
+ New Features:
605
+
606
+ - Susy now supports RTL grids and bi-directional sites
607
+ using the ``$from-direction`` variable (default: left)
608
+ and an optional additional from-direction argument on all affected mixins.
609
+ Thanks to @bangpound for the initial implementation.
610
+ - Susy is now written in pure Sass! No extra Ruby functions included!
611
+ Thanks to the Sass team for making it possible.
612
+
613
+
614
+ 0.8.1 — Sep 24 2010
615
+ -------------------
616
+
617
+ - Fixed typos in tutorial and ``_defaults.scss``
618
+
619
+
620
+ 0.8.0 — Aug 13 2010
621
+ -------------------
622
+
623
+ Deprecated:
624
+
625
+ - The ``skip-link`` was deprecated as it doesn't belong in Susy.
626
+ - All the IE-specific mixins have been deprecated,
627
+ along with the ``$hacks`` variable.
628
+ Hacks are now used in the default mixins as per Compass.
629
+ - The ``hide`` mixin was deprecated in favor of the Compass ``hide-text`` mixin.
630
+
631
+ Other Changes:
632
+
633
+ - ``inline-block-list`` will be moved to the compass core soon.
634
+ In preparation, I've cleaned it up some.
635
+ You can now apply a padding of "0" to override previous padding arguments.
636
+ You can also use ``inline-block-list-container``
637
+ and ``inline-block-list-item`` as you would
638
+ with the Compass ``horizontal-list`` mixins.
639
+ - The ``$align`` arguments have been removed
640
+ from both the ``susy`` and ``container`` mixins.
641
+ Text-alignment is no longer used or needed in achieving page centering.
642
+ That was a cary-over from the IE5 Mac days.
643
+ - The ``container`` mixin now uses the ``pie-clearfix``
644
+ compass mixin to avoid setting the overflow to hidden.
645
+ - Default styles have been cleaned up to account
646
+ for better font stacks and typography, html5 elements,
647
+ vertically-rhythmed forms, expanded print styles,
648
+ use of ``@extend``, and overall simplification.
649
+
650
+
651
+ 0.7.0 — Jun 01 2010
652
+ -------------------
653
+
654
+ - updated documentation
655
+
656
+
657
+ 0.7.0.rc2 — May 13 2010
658
+ -----------------------
659
+
660
+ - Fixes a bug with grid.png and a typo in the readme. Nothing major here.
661
+
662
+
663
+ 0.7.0.rc1 — May 12 2010
664
+ -----------------------
665
+
666
+ - template cleanup & simplification - no more pushing CSSEdit comments, etc.
667
+ - expanded base and defaults with better fonts & styles out-of-the-box
668
+ - expanded readme documentation.
669
+ This will expand out into a larger docs/tutorial site in the next week.
670
+
671
+
672
+ 0.7.0.pre8 — Apr 20 2010
673
+ ------------------------
674
+
675
+ - mostly syntax and gem cleanup
676
+ - added ``un-column`` mixin to reset elements previously declared as columns.
677
+ - added ``rhythm`` mixin as shortcut for leaders/trailers. accepts 4 args:
678
+ leader, padding-leader, padding-trailer, trailer.
679
+ - added a warning on ``alpha``
680
+ to remind you that ``alpha`` is not needed at nested levels.
681
+
682
+
683
+ 0.7.0.pre7 — Apr 13 2010
684
+ ------------------------
685
+
686
+ - *Requires HAML 3 and Compass 0.10.0.rc2*
687
+ - Internal syntax switched to scss. This will have little or no effect on users.
688
+ You can still use Susy with either (Sass/Scss) syntax.
689
+ - ``$default-rhythm-border-style`` overrides default rhythm border styles
690
+ - Better handling of sub-pixel rounding for IE6
691
+
692
+
693
+ 0.7.0.pre6 — Mar 29 2010
694
+ ------------------------
695
+
696
+ - Added ``+h-borders()`` shortcut for vertical_rhythm ``+horizontal-borders()``
697
+ - Fixed vertical rhythm font-size typo (thanks @oscarduignan)
698
+ - Added to template styles, so susy is already in place from the start
699
+
700
+
701
+ 0.7.0.pre5 — Mar 19 2010
702
+ ------------------------
703
+
704
+ - Expanded and adjusted ``_vertical_rhythm.sass``
705
+ in ways that are not entirely backwards compatible.
706
+ Check the file for details.
707
+ - ``_defaults.sass`` is re-ordered from inline to block.
708
+ - ``:focus`` defaults cleaned up.
709
+ - README and docs updated.
710
+
711
+
712
+ 0.7.0.pre4 — Jan 20 2010
713
+ ------------------------
714
+
715
+ Update: pre2 was missing a file in the manifest. Use pre4.
716
+
717
+ *Update:* Forgot to note one change:
718
+ ``+susy`` is no longer assigned to the ``body`` tag,
719
+ but instead at the top level of the document
720
+ (not nested under anything).
721
+
722
+ Warning: This update is not backwards compatible.
723
+ We've changed some things. You'll have to change some things.
724
+ Our changes were fairly major in cleaning up the code -
725
+ yours will be minor and also clean up some code.
726
+
727
+ Added:
728
+
729
+ - new ``_vertical_rhythm.sass`` (thanks to Chris Eppstein)
730
+ provides better establishing of the baseline grid,
731
+ as well as mixins to help you manage it.
732
+ - ``!px2em`` has replaced ``px2em()`` - see below.
733
+
734
+ Removed:
735
+
736
+ - ``px2em()`` has been removed and replaced with a simple variable
737
+ ``!px2em`` which returns the size of one pixel
738
+ relative to your basic em-height.
739
+ Multiply against your desired px dimensions
740
+ (i.e. ``border-width = !px2em*5px`` will output the em-equivalent of 5px).
741
+ - ``!base_font_size_px`` and ``!base_line_height_px``
742
+ have been replaced with ``!base_font_size`` and ``!base_line_height``
743
+ which take advantage of sass's built-in unit handling.
744
+ - ``!grid_units`` is not needed,
745
+ as you can now declare your units directly
746
+ in the other grid ``_width`` variables.
747
+ Use any one type of units in declaring your grid.
748
+ The units you use will be used in setting the container size.
749
+
750
+ Once you've upgraded, before you compile your files, make these changes:
751
+
752
+ - remove the "_px" from the font-size and line-height variables,
753
+ and add "px" to their values.
754
+ - remove the ``!grid_units`` variable
755
+ and add units to your grid variable values.
756
+ - find any uses of ``px2em()`` and replace them with something.
757
+ - enjoy!
758
+
759
+
760
+ 0.7.0.pre1 — Nov 30 2009
761
+ ------------------------
762
+
763
+ Not a lot of new functionality here –
764
+ it all moved over to Compass 0.10.0 –
765
+ mostly just cleaning it up to match.
766
+
767
+ - simplified the default styles
768
+ and gave them their own project template (``_defaults.sass``).
769
+ - defaults not imported by ``ie.sass``,
770
+ as ``ie.sass`` should be cascading on top of ``screen.sass`` anyway
771
+ - changed the syntax to match CSS and Compass
772
+ (``property:`` replaces ``:property``)
773
+ - added more inline documentation and brought tutorial up to date
774
+ - moved CSS3 module over to Compass
775
+ - import the compass HTML5 reset along with the normal reset by default
776
+ (because Susy loves the future)
777
+ - little internal management fixes and so on and so on…
778
+
779
+
780
+ Older
781
+ -----
782
+
783
+ Not documented here. Check the commit log...