jacket 0.1.4 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/jacket.rb +2 -2
- data/readme.md +8 -8
- metadata +1 -1
data/lib/jacket.rb
CHANGED
@@ -4,7 +4,7 @@ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
|
|
4
4
|
Compass::Frameworks.register('jacket', :path => extension_path)
|
5
5
|
|
6
6
|
module Jacket
|
7
|
-
VERSION = "0.
|
7
|
+
VERSION = "1.0.0"
|
8
8
|
DATE = "2013-07-07"
|
9
9
|
end
|
10
10
|
|
@@ -30,4 +30,4 @@ module Sass::Script::Functions
|
|
30
30
|
end
|
31
31
|
declare :separator, [:list]
|
32
32
|
|
33
|
-
end
|
33
|
+
end
|
data/readme.md
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
**Conditional Styles with Sass. Dress you CSS appropriately.**
|
4
4
|
|
5
|
-
Jacket is a Compass component that prints
|
5
|
+
Jacket is a Compass component that prints or hides styles based on context variables you set in your stylesheet. Write and maintain a master stylesheet, then output custom tailored stylesheets for modern and legacy browsers, site and app builds, or any other context you can think of.
|
6
6
|
|
7
7
|
## Installation
|
8
8
|
|
@@ -24,7 +24,7 @@ Until Sass 3.3 is released Jacket requires Compass.
|
|
24
24
|
|
25
25
|
### The jacket() mixin
|
26
26
|
|
27
|
-
Use the jacket mixin to conditionally output blocks of code. If any context matches a context in the `$jacket` variable, your conditional code will be output. If the context has a wrapping selector associated with it, the code block will be wrapped in the wrapping selector.
|
27
|
+
Use the jacket mixin to conditionally output blocks of code. If any context in the jacket mixin matches a context in the `$jacket` variable, your conditional code will be output. If the `$jacket` variable context has a wrapping selector associated with it, the code block will be wrapped in the wrapping selector.
|
28
28
|
|
29
29
|
```scss
|
30
30
|
jacket($contexts...) {
|
@@ -34,7 +34,7 @@ jacket($contexts...) {
|
|
34
34
|
|
35
35
|
### The jacket() function
|
36
36
|
|
37
|
-
Use the jacket function to conditionally output values. If any context matches a context in the `$jacket` variable, the value will be output.
|
37
|
+
Use the jacket function to conditionally output values. If any context in the jacket function matches a context in the `$jacket` variable, the value will be output.
|
38
38
|
|
39
39
|
```scss
|
40
40
|
property: jacket($value, $contexts...);
|
@@ -42,7 +42,7 @@ property: jacket($value, $contexts...);
|
|
42
42
|
|
43
43
|
### The $jacket variable
|
44
44
|
|
45
|
-
Use the `$jacket` variable to set a stylesheet's context. Each context can have an optional wrapping selector.
|
45
|
+
Use the `$jacket` variable to set a stylesheet's context. You can set multiple contexts in a comma separated list. Each context can have an optional wrapping selector associated with it.
|
46
46
|
|
47
47
|
```
|
48
48
|
$jacket: context, context '.wrapping-selector', context;
|
@@ -63,7 +63,7 @@ Write your code in a master stylesheet.
|
|
63
63
|
}
|
64
64
|
```
|
65
65
|
|
66
|
-
|
66
|
+
Wrap context specific code in the jacket mixin or the jacket function.
|
67
67
|
|
68
68
|
```scss
|
69
69
|
.example {
|
@@ -121,7 +121,7 @@ $jacket: android;
|
|
121
121
|
**style.ie8.scss**
|
122
122
|
|
123
123
|
```scss
|
124
|
-
$jacket: ie8 '.ie8';
|
124
|
+
$jacket: legacy, ie8 '.ie8';
|
125
125
|
@import 'style';
|
126
126
|
|
127
127
|
//Compiles to:
|
@@ -134,7 +134,7 @@ $jacket: ie8 '.ie8';
|
|
134
134
|
}
|
135
135
|
```
|
136
136
|
|
137
|
-
Now you can serve these custom tailored stylesheets to the correct context with conditional comments, an automated build process, or some javascript. Not too much, not too little.
|
137
|
+
Now you can serve these custom tailored stylesheets to the correct context with conditional comments, an automated build process, or some javascript. Not too much, not too little. Your stylesheets are lookin' good.
|
138
138
|
|
139
139
|
## Advanced Usage
|
140
140
|
|
@@ -146,7 +146,7 @@ Report bugs and feature proposals in the [Github issue tracker](https://github.c
|
|
146
146
|
|
147
147
|
## Release History
|
148
148
|
|
149
|
-
0.1.4, July 7, 2013: Add jacket() function, rewrite docs and tests.
|
149
|
+
0.1.4, July 7, 2013: Add jacket() function, rewrite docs and tests.
|
150
150
|
0.1.0, April 21, 2013: Initial release.
|
151
151
|
|
152
152
|
## License
|