normalize-scss 2.1.2

Sign up to get free protection for your applications and to get access to all the features.
data/_normalize.scss ADDED
@@ -0,0 +1,628 @@
1
+ /* normalize.css v2.1.2 | MIT License | git.io/normalize */
2
+ /* normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
3
+
4
+
5
+ // =============================================================================
6
+ // Variables and Imports
7
+ //
8
+ // If you have a base partial (or equivalent), you should move these lines to
9
+ // that file. @see http://compass-style.org/help/tutorials/best_practices/
10
+ // =============================================================================
11
+
12
+ // Set this to true to force CSS output to exactly match normalize.css.
13
+ $strict-normalize: true !default;
14
+
15
+ // The default font family.
16
+ $base-font-family: sans-serif !default;
17
+
18
+ // The base font size.
19
+ $base-font-size: 16px !default; // Override default set in Compass' Vertical Rhythm partial.
20
+
21
+ // The base line height determines the basic unit of vertical rhythm.
22
+ $base-line-height: 24px !default; // Override default set in Compass' Vertical Rhythm partial.
23
+
24
+ // The font sizes for h1-h6.
25
+ $h1-font-size: 2 * $base-font-size !default;
26
+ $h2-font-size: 1.5 * $base-font-size !default;
27
+ $h3-font-size: 1.17 * $base-font-size !default;
28
+ $h4-font-size: 1 * $base-font-size !default;
29
+ $h5-font-size: 0.83 * $base-font-size !default;
30
+ $h6-font-size: 0.67 * $base-font-size !default;
31
+
32
+ // The amount lists and blockquotes are indented.
33
+ $indent-amount: 40px !default;
34
+
35
+ // Set this to true to add support for IE 6.
36
+ $legacy-support-for-ie6: false !default; // Override default set in Compass' Support partial.
37
+
38
+ // Set this to true to add support for IE 7.
39
+ $legacy-support-for-ie7: false !default; // Override default set in Compass' Support partial.
40
+
41
+ // After the default variables are set, import the required Compass partials.
42
+ @import "compass/support";
43
+ @import "compass/css3/box-sizing";
44
+ @import "compass/typography/vertical_rhythm";
45
+
46
+
47
+ /* ==========================================================================
48
+ HTML5 display definitions
49
+ ========================================================================== */
50
+
51
+ /**
52
+ * Correct `block` display not defined in IE 8/9.
53
+ */
54
+
55
+ article,
56
+ aside,
57
+ details,
58
+ figcaption,
59
+ figure,
60
+ footer,
61
+ header,
62
+ hgroup,
63
+ main,
64
+ nav,
65
+ section,
66
+ summary {
67
+ display: block;
68
+ }
69
+
70
+ /**
71
+ * Correct `inline-block` display not defined in IE 8/9.
72
+ */
73
+
74
+ audio,
75
+ canvas,
76
+ video {
77
+ display: inline-block;
78
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
79
+ *display: inline;
80
+ *zoom: 1;
81
+ }
82
+ }
83
+
84
+ /**
85
+ * Prevent modern browsers from displaying `audio` without controls.
86
+ * Remove excess height in iOS 5 devices.
87
+ */
88
+
89
+ audio:not([controls]) {
90
+ display: none;
91
+ height: 0;
92
+ }
93
+
94
+ /**
95
+ * Address styling not present in IE 8/9.
96
+ */
97
+
98
+ [hidden] {
99
+ display: none;
100
+ }
101
+
102
+ /* ==========================================================================
103
+ Base
104
+ ========================================================================== */
105
+
106
+ /**
107
+ * 1. Set default font family to sans-serif.
108
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
109
+ * user zoom.
110
+ * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
111
+ * `em` units.
112
+ */
113
+
114
+ html {
115
+ font-family: $base-font-family; /* 1 */
116
+ @if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
117
+ font-size: 100% * ($base-font-size / 16px); /* 3 */
118
+ }
119
+ -ms-text-size-adjust: 100%; /* 2 */
120
+ -webkit-text-size-adjust: 100%; /* 2 */
121
+
122
+ @if not $strict-normalize {
123
+ /* Establish a vertical rhythm unit using $base-line-height. */
124
+ @include adjust-leading-to(1);
125
+ }
126
+ }
127
+
128
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
129
+ /**
130
+ * Address `font-family` inconsistency between `textarea` and other form
131
+ * elements.
132
+ */
133
+
134
+ button,
135
+ input,
136
+ select,
137
+ textarea {
138
+ font-family: $base-font-family;
139
+ }
140
+ }
141
+
142
+ /**
143
+ * Remove default margin.
144
+ */
145
+
146
+ body {
147
+ margin: 0;
148
+ }
149
+
150
+ /* ==========================================================================
151
+ Links
152
+ ========================================================================== */
153
+
154
+ /**
155
+ * Address `outline` inconsistency between Chrome and other browsers.
156
+ */
157
+
158
+ a:focus {
159
+ outline: thin dotted;
160
+ }
161
+
162
+ /**
163
+ * Improve readability when focused and also mouse hovered in all browsers.
164
+ */
165
+
166
+ a:active,
167
+ a:hover {
168
+ outline: 0;
169
+ }
170
+
171
+ /* ==========================================================================
172
+ Typography
173
+ ========================================================================== */
174
+
175
+ @if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
176
+ /**
177
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
178
+ */
179
+
180
+ p,
181
+ pre {
182
+ margin: rhythm(1) 0;
183
+ }
184
+
185
+ blockquote {
186
+ /* Set 1 unit of vertical rhythm on the top and bottom margin. */
187
+ margin: rhythm(1) $indent-amount;
188
+ }
189
+ }
190
+
191
+ /**
192
+ * Address variable `h1` font-size and margin within `section` and `article`
193
+ * contexts in Firefox 4+, Safari 5, and Chrome.
194
+ */
195
+
196
+ h1 {
197
+ /* Set the font-size and line-height while keeping a proper vertical rhythm. */
198
+ @if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
199
+ @include adjust-font-size-to( $h1-font-size );
200
+ }
201
+ @else {
202
+ font-size: 1em * ($h1-font-size / $base-font-size);
203
+ }
204
+
205
+ /* Set 1 unit of vertical rhythm on the top and bottom margins. */
206
+ @include leader(1, $h1-font-size);
207
+ @include trailer(1, $h1-font-size);
208
+ }
209
+
210
+ @if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
211
+ h2 {
212
+ @include adjust-font-size-to( $h2-font-size );
213
+ @include leader(1, $h2-font-size);
214
+ @include trailer(1, $h2-font-size);
215
+ }
216
+
217
+ h3 {
218
+ @include adjust-font-size-to( $h3-font-size );
219
+ @include leader(1, $h3-font-size);
220
+ @include trailer(1, $h3-font-size);
221
+ }
222
+
223
+ h4 {
224
+ @include adjust-font-size-to( $h4-font-size );
225
+ @include leader(1, $h4-font-size);
226
+ @include trailer(1, $h4-font-size);
227
+ }
228
+
229
+ h5 {
230
+ @include adjust-font-size-to( $h5-font-size );
231
+ @include leader(1, $h5-font-size);
232
+ @include trailer(1, $h5-font-size);
233
+ }
234
+
235
+ h6 {
236
+ @include adjust-font-size-to( $h6-font-size );
237
+ @include leader(1, $h6-font-size);
238
+ @include trailer(1, $h6-font-size);
239
+ }
240
+ }
241
+
242
+ /**
243
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
244
+ */
245
+
246
+ abbr[title] {
247
+ border-bottom: 1px dotted;
248
+ }
249
+
250
+ /**
251
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
252
+ */
253
+
254
+ b,
255
+ strong {
256
+ font-weight: bold;
257
+ }
258
+
259
+ /**
260
+ * Address styling not present in Safari 5 and Chrome.
261
+ */
262
+
263
+ dfn {
264
+ font-style: italic;
265
+ }
266
+
267
+ /**
268
+ * Address differences between Firefox and other browsers.
269
+ */
270
+
271
+ hr {
272
+ @include box-sizing(content-box);
273
+ height: 0;
274
+ }
275
+
276
+ /**
277
+ * Address styling not present in IE 8/9.
278
+ */
279
+
280
+ mark {
281
+ background: #ff0;
282
+ color: #000;
283
+ }
284
+
285
+ /**
286
+ * Correct font family set oddly in Safari 5 and Chrome.
287
+ */
288
+
289
+ code,
290
+ kbd,
291
+ pre,
292
+ samp {
293
+ font-family: monospace, serif;
294
+ @if $legacy-support-for-ie6 {
295
+ _font-family: 'courier new', monospace;
296
+ }
297
+ @if $strict-normalize {
298
+ font-size: 1em;
299
+ }
300
+ @else {
301
+ @include adjust-font-size-to( $base-font-size );
302
+ }
303
+ }
304
+
305
+ /**
306
+ * Improve readability of pre-formatted text in all browsers.
307
+ */
308
+
309
+ pre {
310
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
311
+ white-space: pre;
312
+ white-space: pre-wrap;
313
+ word-wrap: break-word;
314
+ }
315
+ @else {
316
+ white-space: pre-wrap;
317
+ }
318
+ }
319
+
320
+ /**
321
+ * Set consistent quote types.
322
+ */
323
+
324
+ q {
325
+ quotes: "\201C" "\201D" "\2018" "\2019";
326
+ }
327
+
328
+ /**
329
+ * Address inconsistent and variable font size in all browsers.
330
+ */
331
+
332
+ small {
333
+ font-size: 80%;
334
+ }
335
+
336
+ /**
337
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
338
+ */
339
+
340
+ sub,
341
+ sup {
342
+ font-size: 75%;
343
+ line-height: 0;
344
+ position: relative;
345
+ vertical-align: baseline;
346
+ }
347
+
348
+ sup {
349
+ top: -0.5em;
350
+ }
351
+
352
+ sub {
353
+ bottom: -0.25em;
354
+ }
355
+
356
+ /* ==========================================================================
357
+ Lists
358
+ ========================================================================== */
359
+
360
+ @if not $strict-normalize or $legacy-support-for-ie6 or $legacy-support-for-ie7 {
361
+ /**
362
+ * Address margins set differently in IE 6/7.
363
+ */
364
+
365
+ dl,
366
+ menu,
367
+ ol,
368
+ ul {
369
+ margin: rhythm(1) 0;
370
+ }
371
+
372
+ @if not $strict-normalize {
373
+ ol,
374
+ ul {
375
+ ol,
376
+ ul {
377
+ margin: 0;
378
+ }
379
+ }
380
+ }
381
+
382
+ dd {
383
+ margin: 0 0 0 $indent-amount;
384
+ }
385
+
386
+ /**
387
+ * Address paddings set differently in IE 6/7.
388
+ */
389
+
390
+ menu,
391
+ ol,
392
+ ul {
393
+ padding: 0 0 0 $indent-amount;
394
+ }
395
+ }
396
+
397
+ @if $legacy-support-for-ie7 {
398
+ /**
399
+ * Correct list images handled incorrectly in IE 7.
400
+ */
401
+
402
+ nav ul,
403
+ nav ol {
404
+ list-style: none;
405
+ list-style-image: none;
406
+ }
407
+ }
408
+
409
+ /* ==========================================================================
410
+ Embedded content
411
+ ========================================================================== */
412
+
413
+ /**
414
+ * Remove border when inside `a` element in IE 8/9.
415
+ */
416
+
417
+ img {
418
+ border: 0;
419
+ @if $legacy-support-for-ie7 {
420
+ /* Improve image quality when scaled in IE 7. */
421
+ -ms-interpolation-mode: bicubic;
422
+ }
423
+ }
424
+
425
+ /**
426
+ * Correct overflow displayed oddly in IE 9.
427
+ */
428
+
429
+ svg:not(:root) {
430
+ overflow: hidden;
431
+ }
432
+
433
+ /* ==========================================================================
434
+ Figures
435
+ ========================================================================== */
436
+
437
+ /**
438
+ * Address margin not present in IE 8/9 and Safari 5.
439
+ */
440
+
441
+ figure {
442
+ margin: 0;
443
+ }
444
+
445
+ /* ==========================================================================
446
+ Forms
447
+ ========================================================================== */
448
+
449
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
450
+ /**
451
+ * Correct margin displayed oddly in IE 6/7.
452
+ */
453
+
454
+ form {
455
+ margin: 0;
456
+ }
457
+ }
458
+
459
+ /**
460
+ * Define consistent border, margin, and padding.
461
+ */
462
+
463
+ fieldset {
464
+ margin: 0 2px;
465
+ /* Apply borders and padding that keep the vertical rhythm. */
466
+ border-color: #c0c0c0;
467
+ @include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35);
468
+ @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65);
469
+ @include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625);
470
+ @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625);
471
+ }
472
+
473
+ /**
474
+ * 1. Correct `color` not being inherited in IE 8/9.
475
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
476
+ * 3. Correct alignment displayed oddly in IE 6/7.
477
+ */
478
+
479
+ legend {
480
+ border: 0; /* 1 */
481
+ padding: 0; /* 2 */
482
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
483
+ *margin-left: -7px; /* 3 */
484
+ }
485
+ }
486
+
487
+ /**
488
+ * 1. Correct font family not being inherited in all browsers.
489
+ * 2. Correct font size not being inherited in all browsers.
490
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
491
+ * 4. Improve appearance and consistency with IE 6/7.
492
+ */
493
+
494
+ button,
495
+ input,
496
+ select,
497
+ textarea {
498
+ font-family: inherit; /* 1 */
499
+ font-size: 100%; /* 2 */
500
+ margin: 0; /* 3 */
501
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
502
+ vertical-align: baseline; /* 4 */
503
+ *vertical-align: middle; /* 4 */
504
+ }
505
+ }
506
+
507
+ /**
508
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
509
+ * the UA stylesheet.
510
+ */
511
+
512
+ button,
513
+ input {
514
+ line-height: normal;
515
+ }
516
+
517
+ /**
518
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
519
+ * All other form control elements do not inherit `text-transform` values.
520
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
521
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
522
+ */
523
+
524
+ button,
525
+ select {
526
+ text-transform: none;
527
+ }
528
+
529
+ /**
530
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
531
+ * and `video` controls.
532
+ * 2. Correct inability to style clickable `input` types in iOS.
533
+ * 3. Improve usability and consistency of cursor style between image-type
534
+ * `input` and others.
535
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
536
+ * Known issue: inner spacing remains in IE 6.
537
+ */
538
+
539
+ button,
540
+ html input[type="button"], /* 1 */
541
+ input[type="reset"],
542
+ input[type="submit"] {
543
+ -webkit-appearance: button; /* 2 */
544
+ cursor: pointer; /* 3 */
545
+ @if $legacy-support-for-ie7 {
546
+ *overflow: visible; /* 4 */
547
+ }
548
+ }
549
+
550
+ /**
551
+ * Re-set default cursor for disabled elements.
552
+ */
553
+
554
+ button[disabled],
555
+ html input[disabled] {
556
+ cursor: default;
557
+ }
558
+
559
+ /**
560
+ * 1. Address box sizing set to `content-box` in IE 8/9.
561
+ * 2. Remove excess padding in IE 8/9.
562
+ * 3. Remove excess padding in IE 7.
563
+ * Known issue: excess padding remains in IE 6.
564
+ */
565
+
566
+ input[type="checkbox"],
567
+ input[type="radio"] {
568
+ @include box-sizing(border-box); /* 1 */
569
+ padding: 0; /* 2 */
570
+ @if $legacy-support-for-ie7 {
571
+ *height: 13px; /* 3 */
572
+ *width: 13px; /* 3 */
573
+ }
574
+ }
575
+
576
+ /**
577
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
578
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
579
+ * (include `-moz` to future-proof).
580
+ */
581
+
582
+ input[type="search"] {
583
+ -webkit-appearance: textfield; /* 1 */
584
+ @include box-sizing(content-box); /* 2 */
585
+ }
586
+
587
+ /**
588
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
589
+ * on OS X.
590
+ */
591
+
592
+ input[type="search"]::-webkit-search-cancel-button,
593
+ input[type="search"]::-webkit-search-decoration {
594
+ -webkit-appearance: none;
595
+ }
596
+
597
+ /**
598
+ * Remove inner padding and border in Firefox 4+.
599
+ */
600
+
601
+ button::-moz-focus-inner,
602
+ input::-moz-focus-inner {
603
+ border: 0;
604
+ padding: 0;
605
+ }
606
+
607
+ /**
608
+ * 1. Remove default vertical scrollbar in IE 8/9.
609
+ * 2. Improve readability and alignment in all browsers.
610
+ */
611
+
612
+ textarea {
613
+ overflow: auto; /* 1 */
614
+ vertical-align: top; /* 2 */
615
+ }
616
+
617
+ /* ==========================================================================
618
+ Tables
619
+ ========================================================================== */
620
+
621
+ /**
622
+ * Remove most spacing between table cells.
623
+ */
624
+
625
+ table {
626
+ border-collapse: collapse;
627
+ border-spacing: 0;
628
+ }
data/bower.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "name": "normalize-scss",
3
+ "version": "2.1.2",
4
+ "main": ["_normalize.scss"],
5
+ "author": ["Nicolas Gallagher", "John Albin Wilkins"],
6
+ "ignore": [
7
+ "CHANGELOG.md",
8
+ "CONTRIBUTING.md",
9
+ "LICENSE.md",
10
+ "README.md",
11
+ "component.json",
12
+ "normalize-scss.gemspec",
13
+ "lib/normalize-scss.rb",
14
+ "test.html"
15
+ ],
16
+ "licenses": [{
17
+ "type": "MIT",
18
+ "url": "http://opensource.org/licenses/MIT"
19
+ },
20
+ {
21
+ "type": "GPLv2",
22
+ "url": "http://www.gnu.org/licenses/gpl-2.0.html"
23
+ }]
24
+ }
data/component.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "name": "normalize-scss",
3
+ "repo": "JohnAlbin/normalize.css-with-sass-or-compass",
4
+ "description": "A Sass/Compass version of Normalize.css. This port tracks the parent project very closely.",
5
+ "version": "2.1.2",
6
+ "styles": ["_normalize.scss"],
7
+ "author": ["Nicolas Gallagher", "John Albin Wilkins"],
8
+ "license": "GPLv2"
9
+ }
@@ -0,0 +1,12 @@
1
+ require 'compass'
2
+
3
+ project_path = File.join(File.dirname(__FILE__), '..')
4
+ stylesheets_path = File.join(project_path)
5
+ templates_path = File.join(project_path, 'templates')
6
+
7
+ Compass::Frameworks.register(
8
+ 'normalize-scss',
9
+ :path => project_path,
10
+ :stylesheets_directory => stylesheets_path,
11
+ :templates_directory => templates_path
12
+ )
@@ -0,0 +1,32 @@
1
+ # -*- encoding: utf-8 -*-
2
+
3
+ Gem::Specification.new do |s|
4
+ s.name = 'normalize-scss'
5
+
6
+ s.summary = %q{A Sass/Compass version of Normalize.css}
7
+ s.description = %q{A Sass/Compass version of Normalize.css. This port tracks the parent project very closely.}
8
+
9
+ s.homepage = 'https://github.com/JohnAlbin/normalize.css-with-sass-or-compass'
10
+ s.rubyforge_project =
11
+
12
+ s.version = '2.1.2'
13
+ s.date = '2013-07-03'
14
+
15
+ s.authors = ['John Albin Wilkins']
16
+ s.email = 'virtually.johnalbin@gmail.com'
17
+
18
+ s.add_runtime_dependency('sass', ">= 3.2")
19
+
20
+ s.files = %w[
21
+ _normalize.scss
22
+ bower.json
23
+ CHANGELOG.md
24
+ component.json
25
+ CONTRIBUTING.md
26
+ lib/normalize-scss.rb
27
+ LICENSE.md
28
+ normalize-scss.gemspec
29
+ README.md
30
+ test.html
31
+ ]
32
+ end