compass-normalize 0.1.beta.2 → 0.1.beta.3

Sign up to get free protection for your applications and to get access to all the features.
data/README.md CHANGED
@@ -1,21 +1,37 @@
1
1
  # Compass Normalize.css
2
- This simple plugin for compass enables you to use [normalize.css](http://necolas.github.com/normalize.css/) in your stylesheet's without having to go download it. Check out the very cool [normalize.css project](http://necolas.github.com/normalize.css/).
2
+
3
+ This simple plugin for [Compass](http://compass-style.org/) enables you to use [normalize.css](http://necolas.github.com/normalize.css/) in your stylesheets without having to download it.
4
+
5
+
3
6
  ## Installation
7
+
4
8
  From the command line:
5
9
 
6
- (sudo) gem install compass-normalize --pre
7
-
10
+ $ (sudo) gem install compass-normalize --pre
11
+
12
+ You can also install the gem from your local fork:
13
+
14
+ $ git clone git://github.com/ksmandersen/compass-normalize.git
15
+ $ rake build
16
+ $ rake install
17
+
8
18
  When creating a new project with compass:
9
19
 
10
- compass create new_project -r compass-normalize --using compass-normalize
11
-
20
+ $ compass create new_project -r compass-normalize --using compass-normalize
21
+
12
22
  If using an existing project, edit your config.rb and add this line:
13
23
 
14
24
  require 'compass-normalize'
15
-
16
- # Usage
17
- To use the normalize plugin just import and include normalize, like so:
25
+
26
+
27
+ ## Usage
28
+
29
+ To use the normalize plugin, just import and include normalize:
18
30
 
19
31
  @import normalize;
20
32
 
21
- @include normalize();
33
+ You can also just import parts you need:
34
+
35
+ @import "normalize/base"; // Basic styles
36
+ @import "normalize/html5"; // HTML5 elements
37
+ @import "normalize/forms"; // Form elements
@@ -1,475 +1,5 @@
1
- @mixin normalize() {
2
- /*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
1
+ /*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
3
2
 
4
- /* =============================================================================
5
- HTML5 display definitions
6
- ========================================================================== */
7
-
8
- /*
9
- * Corrects block display not defined in IE6/7/8/9 & FF3
10
- */
11
-
12
- article,
13
- aside,
14
- details,
15
- figcaption,
16
- figure,
17
- footer,
18
- header,
19
- hgroup,
20
- nav,
21
- section {
22
- display: block;
23
- }
24
-
25
- /*
26
- * Corrects inline-block display not defined in IE6/7/8/9 & FF3
27
- */
28
-
29
- audio,
30
- canvas,
31
- video {
32
- display: inline-block;
33
- *display: inline;
34
- *zoom: 1;
35
- }
36
-
37
- /*
38
- * Prevents modern browsers from displaying 'audio' without controls
39
- */
40
-
41
- audio:not([controls]) {
42
- display: none;
43
- }
44
-
45
- /*
46
- * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
47
- * Known issue: no IE6 support
48
- */
49
-
50
- [hidden] {
51
- display: none;
52
- }
53
-
54
-
55
- /* =============================================================================
56
- Base
57
- ========================================================================== */
58
-
59
- /*
60
- * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
61
- * http://clagnut.com/blog/348/#c790
62
- * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
63
- * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
64
- */
65
-
66
- html {
67
- font-size: 100%; /* 1 */
68
- -webkit-text-size-adjust: 100%; /* 2 */
69
- -ms-text-size-adjust: 100%; /* 2 */
70
- }
71
-
72
- /*
73
- * Addresses font-family inconsistency between 'textarea' and other form elements.
74
- */
75
-
76
- html,
77
- button,
78
- input,
79
- select,
80
- textarea {
81
- font-family: sans-serif;
82
- }
83
-
84
- /*
85
- * Addresses margins handled incorrectly in IE6/7
86
- */
87
-
88
- body {
89
- margin: 0;
90
- }
91
-
92
-
93
- /* =============================================================================
94
- Links
95
- ========================================================================== */
96
-
97
- /*
98
- * Addresses outline displayed oddly in Chrome
99
- */
100
-
101
- a:focus {
102
- outline: thin dotted;
103
- }
104
-
105
- /*
106
- * Improves readability when focused and also mouse hovered in all browsers
107
- * people.opera.com/patrickl/experiments/keyboard/test
108
- */
109
-
110
- a:hover,
111
- a:active {
112
- outline: 0;
113
- }
114
-
115
-
116
- /* =============================================================================
117
- Typography
118
- ========================================================================== */
119
-
120
- /*
121
- * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
122
- * Fix IE6/7 heading font-size not being relative to the root font-size
123
- */
124
-
125
- h1 {
126
- font-size: 2em;
127
- margin: 0.67em 0;
128
- }
129
-
130
- h2 {
131
- font-size: 1.5em;
132
- margin: 0.83em 0;
133
- }
134
-
135
- h3 {
136
- font-size: 1.17em;
137
- margin: 1em 0;
138
- }
139
-
140
- h4 {
141
- font-size: 1em;
142
- margin: 1.33em 0;
143
- }
144
-
145
- h5 {
146
- font-size: 0.83em;
147
- margin: 1.67em 0;
148
- }
149
-
150
- h6 {
151
- font-size: 0.75em;
152
- margin: 2.33em 0;
153
- }
154
-
155
- /*
156
- * Addresses styling not present in IE7/8/9, S5, Chrome
157
- */
158
-
159
- abbr[title] {
160
- border-bottom: 1px dotted;
161
- }
162
-
163
- /*
164
- * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
165
- */
166
-
167
- b,
168
- strong {
169
- font-weight: bold;
170
- }
171
-
172
- blockquote {
173
- margin: 1em 40px;
174
- }
175
-
176
- /*
177
- * Addresses styling not present in S5, Chrome
178
- */
179
-
180
- dfn {
181
- font-style: italic;
182
- }
183
-
184
- /*
185
- * Addresses styling not present in IE6/7/8/9
186
- */
187
-
188
- mark {
189
- background: #ff0;
190
- color: #000;
191
- }
192
-
193
- /*
194
- * Corrects font family set oddly in IE6, S4/5, Chrome
195
- * en.wikipedia.org/wiki/User:Davidgothberg/Test59
196
- */
197
-
198
- pre,
199
- code,
200
- kbd,
201
- samp {
202
- font-family: monospace, serif;
203
- _font-family: 'courier new', monospace;
204
- font-size: 1em;
205
- }
206
-
207
- /*
208
- * Improves readability of pre-formatted text in all browsers
209
- */
210
-
211
- pre {
212
- white-space: pre;
213
- white-space: pre-wrap;
214
- word-wrap: break-word;
215
- }
216
-
217
- /*
218
- * 1. Addresses CSS quotes not supported in IE6/7
219
- * 2. Addresses quote property not supported in S4
220
- */
221
-
222
- /* 1 */
223
-
224
- q {
225
- quotes: none;
226
- }
227
-
228
- /* 2 */
229
-
230
- q:before,
231
- q:after {
232
- content: '';
233
- content: none;
234
- }
235
-
236
- small {
237
- font-size: 75%;
238
- }
239
-
240
- /*
241
- * Prevents sub and sup affecting line-height in all browsers
242
- * gist.github.com/413930
243
- */
244
-
245
- sub,
246
- sup {
247
- font-size: 75%;
248
- line-height: 0;
249
- position: relative;
250
- vertical-align: baseline;
251
- }
252
-
253
- sup {
254
- top: -0.5em;
255
- }
256
-
257
- sub {
258
- bottom: -0.25em;
259
- }
260
-
261
-
262
- /* =============================================================================
263
- Lists
264
- ========================================================================== */
265
-
266
- ul,
267
- ol {
268
- margin-left: 0;
269
- padding: 0 0 0 40px;
270
- }
271
-
272
- dd {
273
- margin: 0 0 0 40px;
274
- }
275
-
276
- nav ul,
277
- nav ol {
278
- list-style: none;
279
- list-style-image: none;
280
- }
281
-
282
-
283
- /* =============================================================================
284
- Embedded content
285
- ========================================================================== */
286
-
287
- /*
288
- * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
289
- * 2. Improves image quality when scaled in IE7
290
- * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
291
- */
292
-
293
- img {
294
- border: 0; /* 1 */
295
- -ms-interpolation-mode: bicubic; /* 2 */
296
- }
297
-
298
- /*
299
- * Corrects overflow displayed oddly in IE9
300
- */
301
-
302
- svg:not(:root) {
303
- overflow: hidden;
304
- }
305
-
306
-
307
- /* =============================================================================
308
- Figures
309
- ========================================================================== */
310
-
311
- /*
312
- * Addresses margin not present in IE6/7/8/9, S5, O11
313
- */
314
-
315
- figure {
316
- margin: 0;
317
- }
318
-
319
-
320
- /* =============================================================================
321
- Forms
322
- ========================================================================== */
323
-
324
- /*
325
- * Corrects margin displayed oddly in IE6/7
326
- */
327
-
328
- form {
329
- margin: 0;
330
- }
331
-
332
- /*
333
- * Define consistent border, margin, and padding
334
- */
335
-
336
- fieldset {
337
- border: 1px solid #c0c0c0;
338
- margin: 0 2px;
339
- padding: 0.35em 0.625em 0.75em;
340
- }
341
-
342
- /*
343
- * 1. Corrects color not being inherited in IE6/7/8/9
344
- * 2. Corrects text not wrapping in FF3
345
- * 3. Corrects alignment displayed oddly in IE6/7
346
- */
347
-
348
- legend {
349
- border: 0; /* 1 */
350
- padding: 0;
351
- white-space: normal; /* 2 */
352
- *margin-left: -7px; /* 3 */
353
- }
354
-
355
- /*
356
- * 1. Corrects font size not being inherited in all browsers
357
- * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
358
- * 3. Improves appearance and consistency in all browsers
359
- */
360
-
361
- button,
362
- input,
363
- select,
364
- textarea {
365
- font-size: 100%; /* 1 */
366
- margin: 0; /* 2 */
367
- vertical-align: baseline; /* 3 */
368
- *vertical-align: middle; /* 3 */
369
- }
370
-
371
- /*
372
- * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
373
- */
374
-
375
- button,
376
- input {
377
- line-height: normal; /* 1 */
378
- }
379
-
380
- /*
381
- * 1. Improves usability and consistency of cursor style between image-type 'input' and others
382
- * 2. Corrects inability to style clickable 'input' types in iOS
383
- * 3. Removes inner spacing in IE7 without affecting normal text inputs
384
- * Known issue: inner spacing remains in IE6
385
- */
386
-
387
- button,
388
- input[type="button"],
389
- input[type="reset"],
390
- input[type="submit"] {
391
- cursor: pointer; /* 1 */
392
- -webkit-appearance: button; /* 2 */
393
- *overflow: visible; /* 3 */
394
- }
395
-
396
- /*
397
- * Re-set default cursor for disabled elements
398
- */
399
-
400
- button[disabled],
401
- input[disabled] {
402
- cursor: default;
403
- }
404
-
405
- /*
406
- * 1. Addresses box sizing set to content-box in IE8/9
407
- * 2. Removes excess padding in IE8/9
408
- * 3. Removes excess padding in IE7
409
- Known issue: excess padding remains in IE6
410
- */
411
-
412
- input[type="checkbox"],
413
- input[type="radio"] {
414
- box-sizing: border-box; /* 1 */
415
- padding: 0; /* 2 */
416
- *height: 13px; /* 3 */
417
- *width: 13px; /* 3 */
418
- }
419
-
420
- /*
421
- * 1. Addresses appearance set to searchfield in S5, Chrome
422
- * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
423
- */
424
-
425
- input[type="search"] {
426
- -webkit-appearance: textfield; /* 1 */
427
- -moz-box-sizing: content-box;
428
- -webkit-box-sizing: content-box; /* 2 */
429
- box-sizing: content-box;
430
- }
431
-
432
- /*
433
- * Removes inner padding and search cancel button in S5, Chrome on OS X
434
- */
435
-
436
- input[type="search"]::-webkit-search-decoration,
437
- input[type="search"]::-webkit-search-cancel-button {
438
- -webkit-appearance: none;
439
- }
440
-
441
- /*
442
- * Removes inner padding and border in FF3+
443
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
444
- */
445
-
446
- button::-moz-focus-inner,
447
- input::-moz-focus-inner {
448
- border: 0;
449
- padding: 0;
450
- }
451
-
452
- /*
453
- * 1. Removes default vertical scrollbar in IE6/7/8/9
454
- * 2. Improves readability and alignment in all browsers
455
- */
456
-
457
- textarea {
458
- overflow: auto; /* 1 */
459
- vertical-align: top; /* 2 */
460
- }
461
-
462
-
463
- /* =============================================================================
464
- Tables
465
- ========================================================================== */
466
-
467
- /*
468
- * Remove most spacing between table cells
469
- */
470
-
471
- table {
472
- border-collapse: collapse;
473
- border-spacing: 0;
474
- }
475
- }
3
+ @import "normalize/html5";
4
+ @import "normalize/base";
5
+ @import "normalize/forms";
@@ -0,0 +1,230 @@
1
+ // ============================================================================
2
+ // Base
3
+ // ============================================================================
4
+
5
+ // 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
6
+ // http://clagnut.com/blog/348/#c790
7
+ // 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
8
+ // www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
9
+
10
+ html {
11
+ font-size: 100%; // 1
12
+ -webkit-text-size-adjust: 100%; // 2
13
+ -ms-text-size-adjust: 100%; // 2
14
+ }
15
+
16
+ // Addresses font-family inconsistency between 'textarea' and other form elements.
17
+
18
+ html,
19
+ button,
20
+ input,
21
+ select,
22
+ textarea {
23
+ font-family: sans-serif;
24
+ }
25
+
26
+ // Addresses margins handled incorrectly in IE6/7
27
+
28
+ body {
29
+ margin: 0;
30
+ }
31
+
32
+
33
+ // ============================================================================
34
+ // Links
35
+ // ============================================================================
36
+
37
+ // Addresses outline displayed oddly in Chrome
38
+
39
+ a:focus {
40
+ outline: thin dotted;
41
+ }
42
+
43
+ // Improves readability when focused and also mouse hovered in all browsers
44
+ // people.opera.com/patrickl/experiments/keyboard/test
45
+
46
+ a:hover,
47
+ a:active {
48
+ outline: 0;
49
+ }
50
+
51
+
52
+ // ============================================================================
53
+ // Typography
54
+ // ============================================================================
55
+
56
+ // Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
57
+ // Fix IE6/7 heading font-size not being relative to the root font-size
58
+
59
+ h1 {
60
+ font-size: 2em;
61
+ margin: 0.67em 0;
62
+ }
63
+
64
+ h2 {
65
+ font-size: 1.5em;
66
+ margin: 0.83em 0;
67
+ }
68
+
69
+ h3 {
70
+ font-size: 1.17em;
71
+ margin: 1em 0;
72
+ }
73
+
74
+ h4 {
75
+ font-size: 1em;
76
+ margin: 1.33em 0;
77
+ }
78
+
79
+ h5 {
80
+ font-size: 0.83em;
81
+ margin: 1.67em 0;
82
+ }
83
+
84
+ h6 {
85
+ font-size: 0.75em;
86
+ margin: 2.33em 0;
87
+ }
88
+
89
+ // Addresses styling not present in IE7/8/9, S5, Chrome
90
+
91
+ abbr[title] {
92
+ border-bottom: 1px dotted;
93
+ }
94
+
95
+ // Addresses style set to 'bolder' in FF3+, S4/5, Chrome
96
+
97
+ b,
98
+ strong {
99
+ font-weight: bold;
100
+ }
101
+
102
+ blockquote {
103
+ margin: 1em 40px;
104
+ }
105
+
106
+ // Addresses styling not present in S5, Chrome
107
+
108
+ dfn {
109
+ font-style: italic;
110
+ }
111
+
112
+ // Addresses styling not present in IE6/7/8/9
113
+
114
+ mark {
115
+ background: #ff0;
116
+ color: #000;
117
+ }
118
+
119
+ // Corrects font family set oddly in IE6, S4/5, Chrome
120
+ // en.wikipedia.org/wiki/User:Davidgothberg/Test59
121
+
122
+ pre,
123
+ code,
124
+ kbd,
125
+ samp {
126
+ font-family: monospace, serif;
127
+ _font-family: 'courier new', monospace;
128
+ font-size: 1em;
129
+ }
130
+
131
+ // Improves readability of pre-formatted text in all browsers
132
+
133
+ pre {
134
+ white-space: pre;
135
+ white-space: pre-wrap;
136
+ word-wrap: break-word;
137
+ }
138
+
139
+ // 1. Addresses CSS quotes not supported in IE6/7
140
+ // 2. Addresses quote property not supported in S4
141
+
142
+ // 1
143
+
144
+ q {
145
+ quotes: none;
146
+ }
147
+
148
+ // 2
149
+
150
+ q:before,
151
+ q:after {
152
+ content: '';
153
+ content: none;
154
+ }
155
+
156
+ small {
157
+ font-size: 75%;
158
+ }
159
+
160
+ // Prevents sub and sup affecting line-height in all browsers
161
+ // gist.github.com/413930
162
+
163
+ sub,
164
+ sup {
165
+ font-size: 75%;
166
+ line-height: 0;
167
+ position: relative;
168
+ vertical-align: baseline;
169
+ }
170
+
171
+ sup {
172
+ top: -0.5em;
173
+ }
174
+
175
+ sub {
176
+ bottom: -0.25em;
177
+ }
178
+
179
+
180
+ // ============================================================================
181
+ // Lists
182
+ // ============================================================================
183
+
184
+ ul,
185
+ ol {
186
+ margin-left: 0;
187
+ padding: 0 0 0 40px;
188
+ }
189
+
190
+ dd {
191
+ margin: 0 0 0 40px;
192
+ }
193
+
194
+ nav ul,
195
+ nav ol {
196
+ list-style: none;
197
+ list-style-image: none;
198
+ }
199
+
200
+
201
+ // ============================================================================
202
+ // Embedded content
203
+ // ============================================================================
204
+
205
+ // 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
206
+ // 2. Improves image quality when scaled in IE7
207
+ // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
208
+
209
+ img {
210
+ border: 0; // 1
211
+ -ms-interpolation-mode: bicubic; // 2
212
+ }
213
+
214
+ // Corrects overflow displayed oddly in IE9
215
+
216
+ svg:not(:root) {
217
+ overflow: hidden;
218
+ }
219
+
220
+
221
+ // ============================================================================
222
+ // Tables
223
+ // ============================================================================
224
+
225
+ // Remove most spacing between table cells
226
+
227
+ table {
228
+ border-collapse: collapse;
229
+ border-spacing: 0;
230
+ }
@@ -0,0 +1,117 @@
1
+ // ============================================================================
2
+ // Forms
3
+ // ============================================================================
4
+
5
+ // Corrects margin displayed oddly in IE6/7
6
+
7
+ form {
8
+ margin: 0;
9
+ }
10
+
11
+ // Define consistent border, margin, and padding
12
+
13
+ fieldset {
14
+ border: 1px solid #c0c0c0;
15
+ margin: 0 2px;
16
+ padding: 0.35em 0.625em 0.75em;
17
+ }
18
+
19
+ // 1. Corrects color not being inherited in IE6/7/8/9
20
+ // 2. Corrects text not wrapping in FF3
21
+ // 3. Corrects alignment displayed oddly in IE6/7
22
+
23
+ legend {
24
+ border: 0; // 1
25
+ padding: 0;
26
+ white-space: normal; // 2
27
+ *margin-left: -7px; // 3
28
+ }
29
+
30
+ // 1. Corrects font size not being inherited in all browsers
31
+ // 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
32
+ // 3. Improves appearance and consistency in all browsers
33
+
34
+ button,
35
+ input,
36
+ select,
37
+ textarea {
38
+ font-size: 100%; // 1
39
+ margin: 0; // 2
40
+ vertical-align: baseline; // 3
41
+ *vertical-align: middle; // 3
42
+ }
43
+
44
+ // Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
45
+
46
+ button,
47
+ input {
48
+ line-height: normal; // 1
49
+ }
50
+
51
+ // 1. Improves usability and consistency of cursor style between image-type 'input' and others
52
+ // 2. Corrects inability to style clickable 'input' types in iOS
53
+ // 3. Removes inner spacing in IE7 without affecting normal text inputs
54
+ // Known issue: inner spacing remains in IE6
55
+
56
+ button,
57
+ input[type="button"],
58
+ input[type="reset"],
59
+ input[type="submit"] {
60
+ cursor: pointer; // 1
61
+ -webkit-appearance: button; // 2
62
+ *overflow: visible; // 3
63
+ }
64
+
65
+ // Re-set default cursor for disabled elements
66
+
67
+ button[disabled],
68
+ input[disabled] {
69
+ cursor: default;
70
+ }
71
+
72
+ // 1. Addresses box sizing set to content-box in IE8/9
73
+ // 2. Removes excess padding in IE8/9
74
+ // 3. Removes excess padding in IE7
75
+ // Known issue: excess padding remains in IE6
76
+
77
+ input[type="checkbox"],
78
+ input[type="radio"] {
79
+ box-sizing: border-box; // 1
80
+ padding: 0; // 2
81
+ *height: 13px; // 3
82
+ *width: 13px; // 3
83
+ }
84
+
85
+ // 1. Addresses appearance set to searchfield in S5, Chrome
86
+ // 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
87
+
88
+ input[type="search"] {
89
+ -webkit-appearance: textfield; // 1
90
+ -moz-box-sizing: content-box;
91
+ -webkit-box-sizing: content-box; // 2
92
+ box-sizing: content-box;
93
+ }
94
+
95
+ // Removes inner padding and search cancel button in S5, Chrome on OS X
96
+
97
+ input[type="search"]::-webkit-search-decoration,
98
+ input[type="search"]::-webkit-search-cancel-button {
99
+ -webkit-appearance: none;
100
+ }
101
+
102
+ // Removes inner padding and border in FF3+
103
+ // www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
104
+
105
+ button::-moz-focus-inner,
106
+ input::-moz-focus-inner {
107
+ border: 0;
108
+ padding: 0;
109
+ }
110
+
111
+ // 1. Removes default vertical scrollbar in IE6/7/8/9
112
+ // 2. Improves readability and alignment in all browsers
113
+
114
+ textarea {
115
+ overflow: auto; // 1
116
+ vertical-align: top; // 2
117
+ }
@@ -0,0 +1,52 @@
1
+ // ============================================================================
2
+ // HTML5 display definitions
3
+ // ============================================================================
4
+
5
+ // Corrects block display not defined in IE6/7/8/9 & FF3
6
+
7
+ article,
8
+ aside,
9
+ details,
10
+ figcaption,
11
+ figure,
12
+ footer,
13
+ header,
14
+ hgroup,
15
+ nav,
16
+ section {
17
+ display: block;
18
+ }
19
+
20
+ // Corrects inline-block display not defined in IE6/7/8/9 & FF3
21
+
22
+ audio,
23
+ canvas,
24
+ video {
25
+ display: inline-block;
26
+ *display: inline;
27
+ *zoom: 1;
28
+ }
29
+
30
+ // Prevents modern browsers from displaying 'audio' without controls
31
+
32
+ audio:not([controls]) {
33
+ display: none;
34
+ }
35
+
36
+ // Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
37
+ // Known issue: no IE6 support
38
+
39
+ [hidden] {
40
+ display: none;
41
+ }
42
+
43
+
44
+ // ============================================================================
45
+ // Figures
46
+ // ============================================================================
47
+
48
+ // Addresses margin not present in IE6/7/8/9, S5, O11
49
+
50
+ figure {
51
+ margin: 0;
52
+ }
@@ -1,23 +1,23 @@
1
1
  description "A compass plugin for using normalize.css"
2
2
 
3
- stylesheet 'screen.sass', :media => 'screen, projection'
3
+ stylesheet 'screen.scss', :media => 'screen, projection'
4
4
 
5
5
  help %Q{
6
6
  Please see the normalize.css website for documentation and more information
7
-
7
+
8
8
  http://necolas.github.com/normalize.css/
9
-
9
+
10
10
  For more information on how normalize.css works please visit the wiki
11
-
11
+
12
12
  https://github.com/necolas/normalize.css/wiki
13
13
  }
14
14
 
15
15
  welcome_message %Q{
16
16
  Please see the normalize.css website for documentation and more information
17
-
17
+
18
18
  http://necolas.github.com/normalize.css/
19
-
19
+
20
20
  For more information on how normalize.css works please visit the wiki
21
-
21
+
22
22
  https://github.com/necolas/normalize.css/wiki
23
23
  }
@@ -1,6 +1,2 @@
1
1
  // Import the normalize plugin
2
- @import compass/normalize;
3
-
4
- // Output the code for normalizing the code.
5
- // This must be called from global scope.
6
- @include normalize();
2
+ @import "normalize";
metadata CHANGED
@@ -1,39 +1,33 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-normalize
3
3
  version: !ruby/object:Gem::Version
4
- prerelease: true
5
- segments:
6
- - 0
7
- - 1
8
- - beta
9
- - 2
10
- version: 0.1.beta.2
4
+ prerelease: 4
5
+ version: 0.1.beta.3
11
6
  platform: ruby
12
7
  authors:
13
8
  - Kristian Andersen
9
+ - Frederic Hemberger
14
10
  autorequire:
15
11
  bindir: bin
16
12
  cert_chain: []
17
13
 
18
- date: 2012-02-05 00:00:00 +01:00
19
- default_executable:
14
+ date: 2012-02-08 00:00:00 Z
20
15
  dependencies:
21
16
  - !ruby/object:Gem::Dependency
22
17
  name: compass
23
18
  prerelease: false
24
19
  requirement: &id001 !ruby/object:Gem::Requirement
20
+ none: false
25
21
  requirements:
26
22
  - - ">="
27
23
  - !ruby/object:Gem::Version
28
- segments:
29
- - 0
30
- - 11
31
- - 5
32
24
  version: 0.11.5
33
25
  type: :runtime
34
26
  version_requirements: *id001
35
27
  description: A compass plugin for using normalize.css
36
- email: me@kristianandersen.me
28
+ email:
29
+ - me@kristianandersen.me
30
+ - mail@frederic-hemberger.de
37
31
  executables: []
38
32
 
39
33
  extensions: []
@@ -44,9 +38,11 @@ files:
44
38
  - README.md
45
39
  - lib/compass-normalize.rb
46
40
  - stylesheets/_normalize.scss
41
+ - stylesheets/normalize/base.scss
42
+ - stylesheets/normalize/forms.scss
43
+ - stylesheets/normalize/html5.scss
47
44
  - templates/project/manifest.rb
48
45
  - templates/project/screen.scss
49
- has_rdoc: true
50
46
  homepage: http://github.com/ksmandersen/compass-normalize/
51
47
  licenses: []
52
48
 
@@ -56,25 +52,21 @@ rdoc_options: []
56
52
  require_paths:
57
53
  - lib
58
54
  required_ruby_version: !ruby/object:Gem::Requirement
55
+ none: false
59
56
  requirements:
60
57
  - - ">="
61
58
  - !ruby/object:Gem::Version
62
- segments:
63
- - 0
64
59
  version: "0"
65
60
  required_rubygems_version: !ruby/object:Gem::Requirement
61
+ none: false
66
62
  requirements:
67
63
  - - ">"
68
64
  - !ruby/object:Gem::Version
69
- segments:
70
- - 1
71
- - 3
72
- - 1
73
65
  version: 1.3.1
74
66
  requirements: []
75
67
 
76
68
  rubyforge_project:
77
- rubygems_version: 1.3.6
69
+ rubygems_version: 1.8.7
78
70
  signing_key:
79
71
  specification_version: 3
80
72
  summary: A compass plugin for using normalize.css