susy 1.0.9 → 2.2.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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...