carljm-compass-susy-plugin 0.1.5 → 0.1.6
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.
- data/README.mkdn +10 -4
- data/VERSION +1 -1
- data/compass-susy-plugin.gemspec +1 -1
- data/sass/susy/_utils.sass +1 -1
- metadata +1 -1
data/README.mkdn
CHANGED
@@ -1,7 +1,13 @@
|
|
1
1
|
Susy - Compass Plugin
|
2
2
|
================================
|
3
3
|
|
4
|
-
|
4
|
+
Let me introduce you to Susy.
|
5
|
+
|
6
|
+
Susy is a semantic CSS framework creator built native to [Compass](http://compass-style.org/).
|
7
|
+
|
8
|
+
Susy is an expert at designing elastic (or fixed, if you swing that way) grids that will never activate that bloody side-scroll bar. Susy sets your width on the outer element (@grid-container@), adds a @max-width@ of @99%@ and builds the rest of your grid in percentages of the whole.
|
9
|
+
|
10
|
+
Columns can also be nested by declaring the context along with the target width. Etc.
|
5
11
|
|
6
12
|
Install
|
7
13
|
=======
|
@@ -15,13 +21,13 @@ Create a Susy-based Compass Project
|
|
15
21
|
|
16
22
|
compass -r susy -f susy <project name>
|
17
23
|
|
18
|
-
Then edit your `
|
24
|
+
Then edit your `_base.sass`, `screen.sass` and `print.sass` files accordingly. A reset is added automatically.
|
19
25
|
|
20
26
|
Customizing your Grid System
|
21
27
|
============================
|
22
28
|
|
23
|
-
To create a grid system, set the
|
24
|
-
|
29
|
+
To create a grid system, set the `!grid_unit`, `!total_cols`, `!col_width`, and
|
30
|
+
`!gutter_width` variables in your `base.sass` and then use the `+grid-container` mixin to declare
|
25
31
|
your container element.
|
26
32
|
|
27
33
|
Example:
|
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.1.
|
1
|
+
0.1.6
|
data/compass-susy-plugin.gemspec
CHANGED
data/sass/susy/_utils.sass
CHANGED