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

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 (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