compass-placeholders 1.0.0.rc.2 → 1.0.0.rc.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (12) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +321 -197
  3. data/bower.json +5 -0
  4. data/compass-placeholders.gemspec +2 -0
  5. data/lib/compass-placeholders/version.rb +1 -1
  6. data/stylesheets/compass-placeholders/_css3.scss +1 -0
  7. data/stylesheets/compass-placeholders/_utilities.scss +1 -0
  8. data/stylesheets/compass-placeholders/css3/_text-shadow.scss +4 -0
  9. data/stylesheets/compass-placeholders/utilities/_float.scss +8 -0
  10. data/test/integration/css3/text-shadow.scss.test +12 -0
  11. data/test/integration/utilities/float.scss.test +13 -0
  12. metadata +23 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b102d3a0aaad2bb59638fa2c9ea4be3a192c3bb5
4
- data.tar.gz: ca727ca7effbf3f9c9c1a9126424df1f6351a8e8
3
+ metadata.gz: c67eefd0a0a265a4ec747e5fa6d3e8deebe15fae
4
+ data.tar.gz: 2c48ffcd9cde2b5e433ffd7af573014847b02929
5
5
  SHA512:
6
- metadata.gz: 42c3373274c38874e1f30d09a63f31f74d36d9b9a699f1754932e730782ccb366d2658ee5f32f8d351ede285a390d58344a7da23b51b5bc654b56ba0122be97d
7
- data.tar.gz: 8876ec9ad5d67c2e922ef340e02882321ece6bdcf627bc7ecda3ac29d78476aed9421a61890f9629a1832602e514fd33bec0b28b013cb11bf5ad4e4c159d59dc
6
+ metadata.gz: f746a433aee03146a18da6672c73f06cdf244fd80e61859b55f24a7066a7ee0a6e6b02f0b76d842792cd64677dff43e17403bf10662b3e02e22b2e2927a0d77b
7
+ data.tar.gz: 54dc87fec088c4267b37eac6483672953512670221b631a042436e204bfae3dacec89bd3a9430b71dcc2af853996508e8eaeb04b0f5f1fcb1794cdfda6be4a18
data/README.md CHANGED
@@ -1,239 +1,348 @@
1
1
  Compass Placeholders
2
2
  ====================
3
3
 
4
- @extendable %placeholders for common CSS3 code provided by Compass. For example use `@extend %hide-text;` instead of `@include hide-text;` this
4
+ @extendable %placeholders for common CSS3 code provided by Compass.
5
5
 
6
- * obiously reduces the file size of the CSS
6
+ For example use `@extend %hide-text;` instead of `@include hide-text;` this
7
+
8
+ * reduces the file size of the CSS
7
9
  * and speeds up rendering. Read [‘Different CSS techniques and their performance’](http://screwlewse.com/2010/08/different-css-techniques-and-their-performance/) for details.
8
10
 
9
11
 
10
12
  Example: hover-link
11
13
  -------------------
12
14
 
13
- Traditional way via [Compass](http://compass-style.org/):
15
+ ### Traditional way via [Compass](http://compass-style.org/)
14
16
 
15
- @import "compass";
17
+ ~~~ scss
18
+ @import "compass";
16
19
 
17
- a.first-link {
18
- @include hover-link;
19
- }
20
+ a.first-link {
21
+ @include hover-link;
22
+ }
20
23
 
21
- a.second-link {
22
- @include hover-link;
23
- }
24
+ a.second-link {
25
+ @include hover-link;
26
+ }
27
+ ~~~
24
28
 
25
29
  Result:
26
30
 
27
- a.first-link {
28
- text-decoration: none;
29
- }
31
+ ~~~ css
32
+ a.first-link {
33
+ text-decoration: none;
34
+ }
30
35
 
31
- a.first-link:hover {
32
- text-decoration: underline;
33
- }
36
+ a.first-link:hover {
37
+ text-decoration: underline;
38
+ }
34
39
 
35
- a.second-link {
36
- text-decoration: none;
37
- }
40
+ a.second-link {
41
+ text-decoration: none;
42
+ }
38
43
 
39
- a.second-link:hover {
40
- text-decoration: underline;
41
- }
44
+ a.second-link:hover {
45
+ text-decoration: underline;
46
+ }
47
+ ~~~
42
48
 
43
- ----
44
49
 
45
- Optimized way via **Compass Placeholders:**
50
+ ### Optimized way via Compass Placeholders
46
51
 
47
- @import "compass";
48
- @import "compass-placeholders";
52
+ ~~~ scss
53
+ @import "compass";
54
+ @import "compass-placeholders";
49
55
 
50
- a.first-link {
51
- @extend %hover-link;
52
- }
56
+ a.first-link {
57
+ @extend %hover-link;
58
+ }
53
59
 
54
- a.second-link {
55
- @extend %hover-link;
56
- }
60
+ a.second-link {
61
+ @extend %hover-link;
62
+ }
63
+ ~~~
57
64
 
58
65
  Result (DRY – don’t repeat yourself):
59
66
 
60
- a.first-link,
61
- a.second-link {
62
- text-decoration: none;
63
- }
64
-
65
- a.first-link:hover,
66
- a.second-link:hover {
67
- text-decoration: underline;
68
- }
67
+ ~~~ css
68
+ a.first-link,
69
+ a.second-link {
70
+ text-decoration: none;
71
+ }
69
72
 
70
- (Be shure
73
+ a.first-link:hover,
74
+ a.second-link:hover {
75
+ text-decoration: underline;
76
+ }
77
+ ~~~
71
78
 
72
79
 
73
80
  Compass CSS3 Placeholders
74
81
  -------------------------
75
82
 
76
- * **[Appearance](http://compass-style.org/reference/compass/css3/appearance/):**
77
- * `@extend %appearance-none;`
78
- * `@extend %appearance-normal;`
79
- * `@extend %appearance-icon;`
80
- * `@extend %appearance-window;`
81
- * `@extend %appearance-button;`
82
- * `@extend %appearance-menu;`
83
- * `@extend %appearance-field;`
84
- * Customize list by setting `$appearance-placeholders: none, normal;`
85
-
86
- * **[Background clip](http://compass-style.org/reference/compass/css3/background_clip/):**
87
- * `@extend %background-clip-padding-box;`
88
- * `@extend %background-clip-border-box;`
89
- * `@extend %background-clip-text;`
90
- * Customize list by setting `$background-clip-placeholders: padding-box, border-box;`
91
-
92
- * **[Background origin](http://compass-style.org/reference/compass/css3/background_origin/):**
93
- * `@extend %background-origin-padding-box;`
94
- * `@extend %background-origin-border-box;`
95
- * `@extend %background-origin-content-box;`
96
-
97
- * **[Border radius](http://compass-style.org/reference/compass/css3/border_radius/):**
98
- * `@extend %no-border-radius;` (equals border-radius: 0)
99
- * Create placeholders for `border-radius` by setting `$border-radius-placeholders: 0, 3px, 10px;` which results in:
100
- * `@extend %border-radius-0;`
101
- * `@extend %border-radius-3px;`
102
- * `@extend %border-radius-10px;`
103
-
104
- You should prefer to use custom names like `%small-border-radius` and `%big-border-radius` over those listed above.
105
-
106
- * **[Box](http://compass-style.org/reference/compass/css3/box/):**
107
- * `@extend %display-box;`
108
- * `@extend %box-orient-horizontal;`
109
- * `@extend %box-orient-vertical;`
110
- * `@extend %box-orient-inline-axis;`
111
- * `@extend %box-orient-block-axis;`
112
- * `@extend %box-orient-inherit;`
113
- * `@extend %box-align-start;`
114
- * `@extend %box-align-end;`
115
- * `@extend %box-align-center;`
116
- * `@extend %box-align-baseline;`
117
- * `@extend %box-align-stretch;`
118
- * `@extend %box-direction-normal;`
119
- * `@extend %box-direction-reverse;`
120
- * `@extend %box-direction-inherit;`
121
- * `@extend %box-lines-single;`
122
- * `@extend %box-lines-multiple;`
123
- * `@extend %box-pack-start;`
124
- * `@extend %box-pack-end;`
125
- * `@extend %box-pack-center;`
126
- * `@extend %box-pack-justify;`
127
- * Customize lists by setting `$box-orient-placeholders`, `$box-align-placeholders`, `$box-direction-placeholders`, `$box-lines-placeholders` and `$box-pack-placeholders`.
128
- * Create placeholders for `box-flex` by setting `$box-flex-placeholders: 0, 1;` which results in:
129
- * `@extend %box-flex-0;`
130
- * `@extend %box-flex-1;`
131
- * Create placeholders for `box-flex-group` by setting `$box-flex-group-placeholders: 1, 2;` which results in:
132
- * `@extend %box-flex-1;`
133
- * `@extend %box-flex-2;`
134
- * Create placeholders for `box-ordinal-group` by setting `$box-ordinal-group-placeholders: 1, 2;` which results in:
135
- * `@extend %box-flex-1;`
136
- * `@extend %box-flex-2;`
137
-
138
- * **[Box shadow](http://compass-style.org/reference/compass/css3/box_shadow/):**
139
- * `@extend %no-box-shadow;`
140
-
141
- * **[Box sizing](http://compass-style.org/reference/compass/css3/box_sizing/):**
142
- * `@extend %box-sizing-content-box;`
143
- * `@extend %box-sizing-border-box;`
144
- * Customize list by setting `$box-sizing-placeholders: border-box;`
145
-
146
- * **[Opacity](http://compass-style.org/reference/compass/css3/opacity/):**
147
- * `@extend %transparent;`
148
- * `@extend %opaque;`
149
- * Create placeholders for `opacity` by setting `$opacity-placeholders: 0.25, 0.5;` which results in:
150
- * `@extend %opacity-25;`
151
- * `@extend %opacity-50;`
152
-
153
- * **[Text shadow](http://compass-style.org/reference/compass/css3/text-shadow/):**
154
- * `@extend %no-text-shadow;`
155
-
156
- * **[Transform](http://compass-style.org/reference/compass/css3/transform/):**
157
- * `@extend %transform-style-flat;`
158
- * `@extend %transform-style-preserve-3d;`
159
- * `@extend %backface-visibility-visible;`
160
- * `@extend %backface-visibility-hidden;`
161
-
162
- * **[User interface](http://compass-style.org/reference/compass/css3/user_interface/):**
163
- * `@extend %user-select-none;`
164
- * `@extend %user-select-text;`
165
- * `@extend %user-select-toggle;`
166
- * `@extend %user-select-element;`
167
- * `@extend %user-select-elements;`
168
- * `@extend %user-select-all;`
169
- * `@extend %user-select-inherit;`
170
- * Customize list by setting `$user-select-placeholders: none, text;`
83
+ ### [Appearance](http://compass-style.org/reference/compass/css3/appearance/)
84
+ ~~~ scss
85
+ @extend %appearance-none;
86
+ @extend %appearance-normal;
87
+ @extend %appearance-icon;
88
+ @extend %appearance-window;
89
+ @extend %appearance-button;
90
+ @extend %appearance-menu;
91
+ @extend %appearance-field;
92
+ ~~~
93
+
94
+
95
+ ### [Background Clip](http://compass-style.org/reference/compass/css3/background_clip/)
96
+ ~~~ scss
97
+ @extend %background-clip-padding-box;
98
+ @extend %background-clip-border-box;
99
+ @extend %background-clip-text;
100
+ ~~~
101
+
102
+
103
+ ### [Background Origin](http://compass-style.org/reference/compass/css3/background_origin/)
104
+ ~~~ scss
105
+ @extend %background-origin-padding-box;
106
+ @extend %background-origin-border-box;
107
+ @extend %background-origin-content-box;
108
+ ~~~
109
+
110
+
111
+ ### [Border Radius](http://compass-style.org/reference/compass/css3/border_radius/)
112
+ ~~~ scss
113
+ @extend %no-border-radius; // equals border-radius: 0
114
+
115
+ // Create placeholders for border-radius by setting:
116
+ $border-radius-placeholders: 0, 3px, 10px;
117
+
118
+ // Which results in:
119
+ @extend %border-radius-0;
120
+ @extend %border-radius-3px;
121
+ @extend %border-radius-10px;
122
+
123
+ // You should prefer to use custom names like %small-border-radius
124
+ // and %big-border-radius over those listed above.
125
+ ~~~
126
+
127
+
128
+ ### [Box](http://compass-style.org/reference/compass/css3/box/)
129
+ ~~~ scss
130
+ @extend %display-box;
131
+
132
+ @extend %box-orient-horizontal;
133
+ @extend %box-orient-vertical;
134
+ @extend %box-orient-inline-axis;
135
+ @extend %box-orient-block-axis;
136
+ @extend %box-orient-inherit;
137
+
138
+ @extend %box-align-start;
139
+ @extend %box-align-end;
140
+ @extend %box-align-center;
141
+ @extend %box-align-baseline;
142
+ @extend %box-align-stretch;
143
+
144
+ @extend %box-direction-normal;
145
+ @extend %box-direction-reverse;
146
+ @extend %box-direction-inherit;
147
+
148
+ @extend %box-lines-single;
149
+ @extend %box-lines-multiple;
150
+
151
+ @extend %box-pack-start;
152
+ @extend %box-pack-end;
153
+ @extend %box-pack-center;
154
+ @extend %box-pack-justify;
155
+
156
+ // Customize list by setting:
157
+ $box-orient-placeholders: horizontal;
158
+ $box-align-placeholders: start;
159
+ $box-direction-placeholders: normal;
160
+ $box-lines-placeholders: single;
161
+ $box-pack-placeholders: start, end;
162
+ $box-flex-placeholders: 0, 1;
163
+ $box-flex-group-placeholders: 1, 2;
164
+ $box-ordinal-group-placeholders: 1, 2;
165
+ ~~~
166
+
167
+
168
+ ### [Box Shadow](http://compass-style.org/reference/compass/css3/box_shadow/)
169
+ ~~~ scss
170
+ @extend %no-box-shadow;
171
+ ~~~
172
+
173
+
174
+ ### [Box Sizing](http://compass-style.org/reference/compass/css3/box_sizing/)
175
+ ~~~ scss
176
+ @extend %box-sizing-content-box;
177
+ @extend %box-sizing-border-box;
178
+ ~~~
179
+
180
+
181
+ ### [Opacity](http://compass-style.org/reference/compass/css3/opacity/)
182
+ ~~~ scss
183
+ @extend %transparent;
184
+ @extend %opaque;
185
+
186
+ // Create placeholders for opacity:
187
+ $opacity-placeholders: 0.25, 0.5;
188
+
189
+ // Which results in:
190
+ @extend %opacity-25;
191
+ @extend %opacity-50;
192
+ ~~~
193
+
194
+
195
+ ### [Text Shadow](http://compass-style.org/reference/compass/css3/text-shadow/)
196
+ ~~~ scss
197
+ @extend %no-text-shadow;
198
+ ~~~
199
+
200
+
201
+ ### [Transform](http://compass-style.org/reference/compass/css3/transform/)
202
+ ~~~ scss
203
+ @extend %transform-style-flat;
204
+ @extend %transform-style-preserve-3d;
205
+ @extend %backface-visibility-visible;
206
+ @extend %backface-visibility-hidden;
207
+ ~~~
208
+
209
+
210
+ ### [User Interface](http://compass-style.org/reference/compass/css3/user_interface/)
211
+ ~~~ scss
212
+ @extend %user-select-none;
213
+ @extend %user-select-text;
214
+ @extend %user-select-toggle;
215
+ @extend %user-select-element;
216
+ @extend %user-select-elements;
217
+ @extend %user-select-all;
218
+ @extend %user-select-inherit;
219
+ ~~~
171
220
 
172
221
 
173
222
  Compass Typography Placeholders
174
223
  -------------------------------
175
224
 
176
- * **[Links](http://compass-style.org/reference/compass/typography/links/):**
177
- * `@extend %hover-link;`
178
- * `@extend %unstyled-link;`
225
+ ### [Links](http://compass-style.org/reference/compass/typography/links/)
226
+ ~~~ scss
227
+ @extend %hover-link;
228
+ @extend %unstyled-link;
229
+ ~~~
230
+
231
+
232
+ ### [Lists](http://compass-style.org/reference/compass/typography/lists/)
233
+ ~~~ scss
234
+ @extend %no-bullet;
235
+ @extend %no-bullets;
236
+ ~~~
237
+
179
238
 
180
- * **[Lists](http://compass-style.org/reference/compass/typography/lists/):**
181
- * `@extend %no-bullet;`
182
- * `@extend %no-bullets;`
239
+ ### [Inline list](http://compass-style.org/reference/compass/typography/lists/inline_list/)
240
+ ~~~ scss
241
+ @extend %inline-list;
242
+ ~~~
183
243
 
184
- * **[Inline list](http://compass-style.org/reference/compass/typography/lists/inline_list/):**
185
- * `@extend %inline-list;`
186
244
 
187
- * **[Text](http://compass-style.org/reference/compass/typography/text/):**
188
- * `@extend %ellipsis;`
189
- * `@extend %no-ellipsis;`
190
- * `@extend %force-wrap;`
191
- * `@extend %nowrap;`
192
- * `@extend %hide-text;`
193
- * `@extend %squish-text;`
245
+ ### [Text](http://compass-style.org/reference/compass/typography/text/)
246
+ ~~~ scss
247
+ @extend %ellipsis;
248
+ @extend %no-ellipsis;
249
+ @extend %force-wrap;
250
+ @extend %nowrap;
251
+ @extend %hide-text;
252
+ @extend %squish-text;
253
+ ~~~
194
254
 
195
255
 
196
256
  Compass Utilities Placeholders
197
- -------------------------------
257
+ ------------------------------
198
258
 
199
- * **[Clearfix](http://compass-style.org/reference/compass/utilities/general/clearfix/):**
200
- * `@extend %clearfix;`
201
- * `@extend %pie-clearfix;`
259
+ ### [Clearfix](http://compass-style.org/reference/compass/utilities/general/clearfix/)
260
+ ~~~ scss
261
+ @extend %clearfix;
262
+ @extend %pie-clearfix;
263
+ ~~~
202
264
 
203
265
 
204
266
  Non Compass-related Placeholders
205
- -------------------------------
206
-
207
- * **Resets:**
208
- * `@extend %no-background;` (equals background: transparent)
209
- * `@extend %no-border;` (equals border: 0)
210
- * `@extend %no-margin;` (equals margin: 0)
211
- * `@extend %no-padding;` (equals padding: 0)
212
-
213
- * **Display:**
214
- * `@extend %display-none;`
215
- * `@extend %display-block;`
216
- * `@extend %display-inline-block;`
217
- * `@extend %display-table;`
218
- * `@extend %display-table-cell;`
219
- * `@extend %display-table-row;`
220
- * Customize list by setting `$display-placeholders: none, block;`
221
-
222
- * **Typography:**
223
- * `@extend %font-weight-bold;`
224
- * `@extend %font-weight-normal;`
225
- * `@extend %font-style-italic;`
226
- * `@extend %font-style-normal;`
227
- * `@extend %text-decoration-underline;`
228
- * `@extend %text-decoration-none;`
229
- * `@extend %text-align-left;`
230
- * `@extend %text-align-center;`
231
- * `@extend %text-align-right;`
232
- * `@extend %text-align-justify;`
233
-
234
- * **User interface:**
235
- * `@extend %cursor-default;`
236
- * `@extend %cursor-pointer;`
267
+ --------------------------------
268
+
269
+ ### Resets
270
+ ~~~ scss
271
+ @extend %no-background; // equals background: transparent
272
+ @extend %no-border; // equals border: 0
273
+ @extend %no-margin; // equals margin: 0
274
+ @extend %no-padding; // equals padding: 0
275
+ ~~~
276
+
277
+
278
+ ### Display
279
+ ~~~ scss
280
+ @extend %display-none;
281
+ @extend %display-block;
282
+ @extend %display-inline-block;
283
+ @extend %display-table;
284
+ @extend %display-table-cell;
285
+ @extend %display-table-row;
286
+ ~~~
287
+
288
+
289
+ ### Typography
290
+ ~~~ scss
291
+ @extend %font-weight-bold;
292
+ @extend %font-weight-normal;
293
+ @extend %font-style-italic;
294
+ @extend %font-style-normal;
295
+ @extend %text-decoration-underline;
296
+ @extend %text-decoration-none;
297
+ @extend %text-align-left;
298
+ @extend %text-align-center;
299
+ @extend %text-align-right;
300
+ @extend %text-align-justify;
301
+ ~~~
302
+
303
+
304
+ ### User interface
305
+ ~~~ scss
306
+ @extend %cursor-default;
307
+ @extend %cursor-pointer;
308
+ ~~~
309
+
310
+ ### Float
311
+ ~~~ scss
312
+ @extend %float-none;
313
+ @extend %float-left;
314
+ @extend %float-right;
315
+ ~~~
316
+
317
+
318
+ Using Customized Placeholders
319
+ -----------------------------
320
+
321
+ Some placeholders/value combinations are optionional. For example the
322
+ `appearance` will have placeholders for `none` and `normal` by default:
323
+
324
+ ~~~ scss
325
+ @import "compass";
326
+ @import "compass-placeholders";
327
+
328
+ .my-class {
329
+ @extend %border-radius-none; // OK (as `none` is in the default list`)
330
+ @extend %border-radius-3px; // Error
331
+ }
332
+ ~~~
333
+
334
+ You need to set the customized list before you call `@import "compass-placeholders";`:
335
+
336
+ ~~~ scss
337
+ $border-radius-placeholders: none, 3px;
338
+ @import "compass";
339
+ @import "compass-placeholders";
340
+
341
+ .my-class {
342
+ @extend %border-radius-none; // OK
343
+ @extend %border-radius-3px; // OK
344
+ }
345
+ ~~~
237
346
 
238
347
 
239
348
  Setup
@@ -241,26 +350,41 @@ Setup
241
350
 
242
351
  First install the gems and create a project:
243
352
 
244
- gem install compass
245
- gem install compass-placeholders --pre
246
- compass create my-project
353
+ ~~~ bash
354
+ gem install compass
355
+ gem install compass-placeholders --pre
356
+ compass create my-project
357
+ ~~~
247
358
 
248
359
  Second add to your my-project/**compass.rb**:
249
360
 
250
- require "compass-placeholders"
361
+ ~~~ ruby
362
+ # compass.rb
363
+ require "compass-placeholders"
364
+ ~~~
251
365
 
252
366
  Third import _Compass-Placeholders_ after _Compass_ in your Sass/SCSS
253
367
  file:
254
368
 
255
- @import "compass";
256
- @import "compass-placeholders";
369
+ ~~~ scss
370
+ // Custom list variables go first:
371
+ $appearance-placeholders: none, normal;
257
372
 
258
- // now you can use `@extend %hover-link` etc.
373
+ // Then imports:
374
+ @import "compass";
375
+ @import "compass-placeholders";
376
+
377
+ // And start extending:
378
+ a {
379
+ @extend %hover-link;
380
+ }
381
+ ~~~
259
382
 
260
383
 
261
384
  Copyright
262
385
  ---------
263
386
 
264
387
  Copyright (c) 2012 – 2013 [Nico Hagenburger](http://www.hagenburger.net).
265
- See blob/master/MIT-LICENSE.md for details.
266
- [Follow me](http://twitter.com/hagenburger) on twitter.
388
+ See [MIT-LICENSE.md](MIT-LICENSE.md) for details.
389
+ [Follow me](http://twitter.com/hagenburger) on Twitter.
390
+
data/bower.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "name": "compass-placeholders",
3
+ "version": "1.0.0.rc.2",
4
+ "main": "stylesheets/_compass-placeholders.scss"
5
+ }
data/compass-placeholders.gemspec CHANGED
@@ -19,4 +19,6 @@ Gem::Specification.new do |s|
19
19
  s.require_paths = ["lib"]
20
20
 
21
21
  s.add_runtime_dependency "compass"
22
+
23
+ s.add_development_dependency "rake"
22
24
  end
data/lib/compass-placeholders/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module CompassPlaceholders
2
- VERSION = "1.0.0.rc.2"
2
+ VERSION = "1.0.0.rc.3"
3
3
  end
data/stylesheets/compass-placeholders/_css3.scss CHANGED
@@ -8,3 +8,4 @@
8
8
  @import "css3/backface-visibility";
9
9
  @import "css3/user-select";
10
10
  @import "css3/opacity";
11
+ @import "css3/text-shadow";
data/stylesheets/compass-placeholders/_utilities.scss CHANGED
@@ -2,3 +2,4 @@
2
2
  @import "utilities/resets";
3
3
  @import "utilities/display";
4
4
  @import "utilities/cursor";
5
+ @import "utilities/float";
data/stylesheets/compass-placeholders/css3/_text-shadow.scss ADDED
@@ -0,0 +1,4 @@
1
+ %no-text-shadow {
2
+ @include text-shadow(none);
3
+ }
4
+
data/stylesheets/compass-placeholders/utilities/_float.scss ADDED
@@ -0,0 +1,8 @@
1
+ $float-placeholders: none, left, right !default;
2
+
3
+ @each $property in $float-placeholders {
4
+ %float-#{$property} {
5
+ @include float($property);
6
+ }
7
+ }
8
+
data/test/integration/css3/text-shadow.scss.test ADDED
@@ -0,0 +1,12 @@
1
+ @import "compass-placeholders";
2
+
3
+ #test {
4
+ @extend %no-text-shadow;
5
+ }
6
+
7
+ ===
8
+
9
+ #test {
10
+ text-shadow: none;
11
+ }
12
+
data/test/integration/utilities/float.scss.test ADDED
@@ -0,0 +1,13 @@
1
+ @import "compass-placeholders";
2
+
3
+ #test {
4
+ @extend %float-none;
5
+ }
6
+
7
+ ===
8
+
9
+ #test {
10
+ display: inline;
11
+ float: none;
12
+ }
13
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-placeholders
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0.rc.2
4
+ version: 1.0.0.rc.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nico Hagenburger
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-10-15 00:00:00.000000000 Z
11
+ date: 2013-11-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: compass
@@ -24,6 +24,20 @@ dependencies:
24
24
  - - '>='
25
25
  - !ruby/object:Gem::Version
26
26
  version: '0'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
27
41
  description: '@extendable %placeholders for common CSS3 code provided by Compass.
28
42
  For example use `@extend %hide-text;` instead of `@include hide-text;` to save file
29
43
  size and speed up rendering.'
@@ -38,6 +52,7 @@ files:
38
52
  - MIT-LICENSE.md
39
53
  - README.md
40
54
  - Rakefile
55
+ - bower.json
41
56
  - compass-placeholders.gemspec
42
57
  - lib/compass-placeholders.rb
43
58
  - lib/compass-placeholders/version.rb
@@ -54,6 +69,7 @@ files:
54
69
  - stylesheets/compass-placeholders/css3/_box-shadow.scss
55
70
  - stylesheets/compass-placeholders/css3/_box-sizing.scss
56
71
  - stylesheets/compass-placeholders/css3/_opacity.scss
72
+ - stylesheets/compass-placeholders/css3/_text-shadow.scss
57
73
  - stylesheets/compass-placeholders/css3/_transform-style.scss
58
74
  - stylesheets/compass-placeholders/css3/_user-select.scss
59
75
  - stylesheets/compass-placeholders/typography/_base.scss
@@ -64,6 +80,7 @@ files:
64
80
  - stylesheets/compass-placeholders/utilities/_clearfix.scss
65
81
  - stylesheets/compass-placeholders/utilities/_cursor.scss
66
82
  - stylesheets/compass-placeholders/utilities/_display.scss
83
+ - stylesheets/compass-placeholders/utilities/_float.scss
67
84
  - stylesheets/compass-placeholders/utilities/_resets.scss
68
85
  - test/integration/css3/appearance.scss.test
69
86
  - test/integration/css3/backface-visibility.scss
@@ -73,6 +90,7 @@ files:
73
90
  - test/integration/css3/box-shadow.scss.test
74
91
  - test/integration/css3/box-sizing.scss.test
75
92
  - test/integration/css3/opacity.scss.test
93
+ - test/integration/css3/text-shadow.scss.test
76
94
  - test/integration/css3/transform-style.scss.test
77
95
  - test/integration/css3/user-select.scss.test
78
96
  - test/integration/scss_test.rb
@@ -84,6 +102,7 @@ files:
84
102
  - test/integration/utilities/clearfix.scss.test
85
103
  - test/integration/utilities/cursor.scss.test
86
104
  - test/integration/utilities/display.scss.test
105
+ - test/integration/utilities/float.scss.test
87
106
  - test/integration/utilities/resets.scss.test
88
107
  - test/test_helper.rb
89
108
  homepage: ''
@@ -118,6 +137,7 @@ test_files:
118
137
  - test/integration/css3/box-shadow.scss.test
119
138
  - test/integration/css3/box-sizing.scss.test
120
139
  - test/integration/css3/opacity.scss.test
140
+ - test/integration/css3/text-shadow.scss.test
121
141
  - test/integration/css3/transform-style.scss.test
122
142
  - test/integration/css3/user-select.scss.test
123
143
  - test/integration/scss_test.rb
@@ -129,5 +149,6 @@ test_files:
129
149
  - test/integration/utilities/clearfix.scss.test
130
150
  - test/integration/utilities/cursor.scss.test
131
151
  - test/integration/utilities/display.scss.test
152
+ - test/integration/utilities/float.scss.test
132
153
  - test/integration/utilities/resets.scss.test
133
154
  - test/test_helper.rb