susy 1.0.9 → 2.2.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +1 -1
- data/README.md +20 -115
- data/VERSION +1 -1
- data/docs/changelog.rst +783 -0
- data/lib/compass-susy.rb +1 -0
- data/lib/susy.rb +14 -4
- data/sass/_su.scss +4 -0
- data/sass/_susy.scss +3 -15
- data/sass/_susyone.scss +4 -0
- data/sass/susy/_su.scss +7 -0
- data/sass/susy/language/_susy.scss +24 -0
- data/sass/susy/language/_susyone.scss +13 -0
- data/sass/susy/language/susy/_background.scss +385 -0
- data/sass/susy/language/susy/_bleed.scss +200 -0
- data/sass/susy/language/susy/_box-sizing.scss +47 -0
- data/sass/susy/language/susy/_breakpoint-plugin.scss +185 -0
- data/sass/susy/language/susy/_container.scss +81 -0
- data/sass/susy/language/susy/_context.scss +36 -0
- data/sass/susy/language/susy/_gallery.scss +94 -0
- data/sass/susy/language/susy/_grids.scss +64 -0
- data/sass/susy/language/susy/_gutters.scss +154 -0
- data/sass/susy/language/susy/_isolate.scss +77 -0
- data/sass/susy/language/susy/_margins.scss +94 -0
- data/sass/susy/language/susy/_padding.scss +74 -0
- data/sass/susy/language/susy/_rows.scss +138 -0
- data/sass/susy/language/susy/_settings.scss +216 -0
- data/sass/susy/language/susy/_span.scss +163 -0
- data/sass/susy/language/susy/_validation.scss +16 -0
- data/sass/susy/{_background.scss → language/susyone/_background.scss} +0 -0
- data/sass/susy/{_functions.scss → language/susyone/_functions.scss} +23 -22
- data/sass/susy/{_grid.scss → language/susyone/_grid.scss} +76 -50
- data/sass/susy/{_isolation.scss → language/susyone/_isolation.scss} +0 -0
- data/sass/susy/{_margin.scss → language/susyone/_margin.scss} +0 -0
- data/sass/susy/{_media.scss → language/susyone/_media.scss} +26 -33
- data/sass/susy/{_padding.scss → language/susyone/_padding.scss} +0 -0
- data/sass/susy/{_settings.scss → language/susyone/_settings.scss} +4 -0
- data/sass/susy/output/_float.scss +9 -0
- data/sass/susy/output/_shared.scss +15 -0
- data/sass/susy/output/_support.scss +9 -0
- data/sass/susy/output/float/_container.scss +16 -0
- data/sass/susy/output/float/_end.scss +40 -0
- data/sass/susy/output/float/_isolate.scss +22 -0
- data/sass/susy/output/float/_span.scss +35 -0
- data/sass/susy/output/shared/_background.scss +26 -0
- data/sass/susy/output/shared/_container.scss +21 -0
- data/sass/susy/output/shared/_direction.scss +42 -0
- data/sass/susy/output/shared/_inspect.scss +25 -0
- data/sass/susy/output/shared/_margins.scss +23 -0
- data/sass/susy/output/shared/_output.scss +14 -0
- data/sass/susy/output/shared/_padding.scss +23 -0
- data/sass/susy/output/support/_background.scss +58 -0
- data/sass/susy/output/support/_box-sizing.scss +19 -0
- data/sass/susy/output/support/_clearfix.scss +18 -0
- data/sass/susy/output/support/_prefix.scss +19 -0
- data/sass/susy/output/support/_rem.scss +22 -0
- data/sass/susy/output/support/_support.scss +95 -0
- data/sass/susy/su/_grid.scss +103 -0
- data/sass/susy/su/_settings.scss +73 -0
- data/sass/susy/su/_utilities.scss +111 -0
- data/sass/susy/su/_validation.scss +57 -0
- data/templates/project/_grids.scss +9 -0
- data/templates/project/manifest.rb +6 -10
- data/templates/project/style.scss +4 -0
- metadata +106 -111
- data/CHANGELOG.mkdn +0 -296
- data/Manifest +0 -39
- data/Rakefile +0 -19
- data/sass/susy/_support.scss +0 -198
- data/sass/susy/_units.scss +0 -159
- data/susy.gemspec +0 -35
- data/templates/project/_base.scss +0 -14
- data/templates/project/screen.scss +0 -12
- data/test/config.rb +0 -10
- data/test/css/background.css +0 -16
- data/test/css/bleed.css +0 -20
- data/test/css/functions.css +0 -7
- data/test/css/grid.css +0 -134
- data/test/css/isolation.css +0 -46
- data/test/css/margin.css +0 -20
- data/test/css/media.css +0 -101
- data/test/css/padding.css +0 -12
- data/test/scss/background.scss +0 -11
- data/test/scss/bleed.scss +0 -19
- data/test/scss/functions.scss +0 -15
- data/test/scss/grid.scss +0 -77
- data/test/scss/isolation.scss +0 -19
- data/test/scss/margin.scss +0 -27
- data/test/scss/media.scss +0 -50
- data/test/scss/padding.scss +0 -19
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
data/README.md
CHANGED
@@ -1,121 +1,26 @@
|
|
1
|
-
|
1
|
+
Power Tools For The Web
|
2
|
+
=======================
|
2
3
|
|
3
|
-
|
4
|
+
[![Build Status](https://travis-ci.org/oddbird/susy.png?branch=susy-next)](https://travis-ci.org/oddbird/susy)
|
4
5
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
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
|
-
|
12
|
-
|
13
|
-
|
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
|
-
|
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
|
-
|
23
|
-
|
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
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
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
|
+
2.2.13
|
data/docs/changelog.rst
ADDED
@@ -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...
|