compass-normalize 0.1.beta.1

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