compass-normalize-plugin 0.2.3 → 0.3.0
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.
- data/CHANGELOG.md +6 -0
- data/README.md +12 -30
- data/VERSION +1 -1
- data/compass-normalize-plugin.gemspec +2 -2
- data/scss/_config.scss +9 -33
- data/scss/normalize/_base.scss +6 -12
- data/scss/normalize/_embedded.scss +6 -17
- data/scss/normalize/_figures.scss +3 -12
- data/scss/normalize/_forms.scss +31 -75
- data/scss/normalize/_html5.scss +27 -41
- data/scss/normalize/_links.scss +4 -6
- data/scss/normalize/_lists.scss +2 -5
- data/scss/normalize/_typography.scss +55 -93
- data/templates/project/screen.scss +12 -47
- metadata +4 -4
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
@@ -23,41 +23,23 @@ Import the plugin and use the mixin
|
|
23
23
|
|
24
24
|
or include and use only parts of it:
|
25
25
|
|
26
|
-
@import "normalize/html5";
|
27
26
|
@import "normalize/base";
|
28
|
-
|
29
|
-
@include normalize-html5;
|
30
27
|
@include normalize-base;
|
28
|
+
// ...
|
31
29
|
|
32
30
|
## Configuration
|
33
|
-
Version 0.
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
// Internet Explorer
|
38
|
-
$legacy-support-for-ie
|
39
|
-
$legacy-support-for-ie6
|
40
|
-
$legacy-support-for-ie7
|
41
|
-
$legacy-support-for-ie8
|
42
|
-
$legacy-support-for-ie9
|
43
|
-
|
44
|
-
// Firefox
|
45
|
-
$include-ff-normalization
|
46
|
-
|
47
|
-
// Safari
|
48
|
-
$include-sa-normalization
|
31
|
+
Version 0.3 removes the option to include browser specific normalization and includes the option to
|
32
|
+
support browsers that have reached their end of life, namely IE6 - 8 and Firefox 3. It is possible
|
33
|
+
to override browser version specific values, e.g.:
|
34
|
+
|
35
|
+
// Internet Explorer support, exclude IE6.
|
36
|
+
$legacy-support-for-ie: true;
|
37
|
+
$legacy-support-for-ie6: false;
|
38
|
+
// $legacy-support-for-ie7: false;
|
39
|
+
// $legacy-support-for-ie8: false;
|
49
40
|
|
50
|
-
//
|
51
|
-
|
52
|
-
|
53
|
-
// Chrome
|
54
|
-
$include-chr-normalization
|
55
|
-
|
56
|
-
// Opera
|
57
|
-
$include-op-normalization
|
58
|
-
|
59
|
-
The settings are processed using or, thus settings $include-ie-normalization: true; will include
|
60
|
-
all IE normalization, even if $legacy-support-for-ie6 is set to false.
|
41
|
+
// Turn Firefox support off
|
42
|
+
$legacy-support-for-ff: false;
|
61
43
|
|
62
44
|
## Available mixins and imports
|
63
45
|
<table>
|
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.
|
1
|
+
0.3.0
|
@@ -1,8 +1,8 @@
|
|
1
1
|
# -*- encoding: utf-8 -*-
|
2
2
|
|
3
3
|
Gem::Specification.new do |s|
|
4
|
-
s.version = "0.
|
5
|
-
s.date = %q{2012-05-
|
4
|
+
s.version = "0.3.0"
|
5
|
+
s.date = %q{2012-05-08}
|
6
6
|
|
7
7
|
s.name = %q{compass-normalize-plugin}
|
8
8
|
s.authors = ["Johannes Roettger", "Nicolas Gallagher", "Jonathan Neal"]
|
data/scss/_config.scss
CHANGED
@@ -1,36 +1,12 @@
|
|
1
|
-
// Configuration
|
2
|
-
|
3
1
|
// Internet Explorer
|
4
|
-
|
5
|
-
|
6
|
-
$
|
7
|
-
$
|
8
|
-
$
|
9
|
-
|
10
|
-
// For compatibility with compass variables
|
11
|
-
$legacy-support-for-ie: $include-ie-normalization;
|
12
|
-
$legacy-support-for-ie6: $include-ie6-normalization;
|
13
|
-
$legacy-support-for-ie7: $include-ie7-normalization;
|
14
|
-
$legacy-support-for-ie8: $include-ie8-normalization;
|
15
|
-
$legacy-support-for-ie9: $include-ie9-normalization;
|
2
|
+
// Sets the default value for all Internet Explorer legacy support settings and is not used in the
|
3
|
+
// mixins.
|
4
|
+
$legacy-support-for-ie: true !default;
|
5
|
+
$legacy-support-for-ie6: $legacy-support-for-ie !default;
|
6
|
+
$legacy-support-for-ie7: $legacy-support-for-ie !default;
|
7
|
+
$legacy-support-for-ie8: $legacy-support-for-ie !default;
|
16
8
|
|
17
9
|
// Firefox
|
18
|
-
|
19
|
-
$
|
20
|
-
$
|
21
|
-
|
22
|
-
// Safari
|
23
|
-
$include-sa-normalization: true !default;
|
24
|
-
$include-sa4-normalization: true !default;
|
25
|
-
$include-sa5-normalization: true !default;
|
26
|
-
|
27
|
-
// iOS
|
28
|
-
$include-ios-normalization: true !default;
|
29
|
-
$include-ios4-normalization: true !default;
|
30
|
-
$include-ios5-normalization: true !default;
|
31
|
-
|
32
|
-
// Chrome
|
33
|
-
$include-chr-normalization: true !default;
|
34
|
-
|
35
|
-
// Opera
|
36
|
-
$include-op-normalization: true !default;
|
10
|
+
// Sets the default value for all Firefox legacy support settings and is not used in the mixins.
|
11
|
+
$legacy-support-for-ff: true !default;
|
12
|
+
$legacy-support-for-ff3: $legacy-support-for-ff !default;
|
data/scss/normalize/_base.scss
CHANGED
@@ -1,19 +1,15 @@
|
|
1
1
|
@mixin normalize-base {
|
2
2
|
html {
|
3
|
-
@if ($legacy-support-for-
|
4
|
-
or $legacy-support-for-ie6
|
5
|
-
or $legacy-support-for-ie7) {
|
3
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
6
4
|
// Corrects text resizing oddly in IE6/7 when body font-size is set using em units
|
7
5
|
// http://clagnut.com/blog/348/#c790
|
8
6
|
font-size: 100%;
|
9
7
|
}
|
10
8
|
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
-ms-text-size-adjust: 100%;
|
16
|
-
}
|
9
|
+
// Prevents iOS text size adjust after orientation change, without disabling user zoom
|
10
|
+
// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
|
11
|
+
-webkit-text-size-adjust: 100%;
|
12
|
+
-ms-text-size-adjust: 100%;
|
17
13
|
}
|
18
14
|
|
19
15
|
// Addresses font-family inconsistency between 'textarea' and other form elements.
|
@@ -25,9 +21,7 @@
|
|
25
21
|
font-family: sans-serif;
|
26
22
|
}
|
27
23
|
|
28
|
-
@if ($legacy-support-for-
|
29
|
-
or $legacy-support-for-ie6
|
30
|
-
or $legacy-support-for-ie7) {
|
24
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
31
25
|
// Addresses margins handled incorrectly in IE6/7
|
32
26
|
body {
|
33
27
|
margin: 0;
|
@@ -1,28 +1,17 @@
|
|
1
1
|
@mixin normalize-embedded {
|
2
2
|
img {
|
3
|
-
|
4
|
-
|
5
|
-
or $legacy-support-for-ie7
|
6
|
-
or $legacy-support-for-ie8
|
7
|
-
or $legacy-support-for-ie9
|
8
|
-
or $include-ff-normalization
|
9
|
-
or $include-ff3-normalization) {
|
10
|
-
// Removes border when inside 'a' element in IE6/7/8/9, FF3
|
11
|
-
border: 0;
|
12
|
-
}
|
3
|
+
// Removes border when inside 'a' element in IE6/7/8/9, FF3
|
4
|
+
border: 0;
|
13
5
|
|
14
|
-
@if
|
15
|
-
or $legacy-support-for-ie7) {
|
6
|
+
@if $legacy-support-for-ie7 {
|
16
7
|
// Improves image quality when scaled in IE7
|
17
8
|
// code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
|
18
9
|
-ms-interpolation-mode: bicubic;
|
19
10
|
}
|
20
11
|
}
|
21
12
|
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
overflow: hidden;
|
26
|
-
}
|
13
|
+
// Corrects overflow displayed oddly in IE9
|
14
|
+
svg:not(:root) {
|
15
|
+
overflow: hidden;
|
27
16
|
}
|
28
17
|
}
|
@@ -1,15 +1,6 @@
|
|
1
1
|
@mixin normalize-figures {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
or $legacy-support-for-ie8
|
6
|
-
or $legacy-support-for-ie9
|
7
|
-
or $include-sa-normalization
|
8
|
-
or $include-sa5-normalization
|
9
|
-
or $include-op-normalization) {
|
10
|
-
// Addresses margin not present in IE6/7/8/9, S5, O11
|
11
|
-
figure {
|
12
|
-
margin: 0;
|
13
|
-
}
|
2
|
+
// Addresses margin not present in IE6/7/8/9, S5, O11
|
3
|
+
figure {
|
4
|
+
margin: 0;
|
14
5
|
}
|
15
6
|
}
|
data/scss/normalize/_forms.scss
CHANGED
@@ -1,7 +1,5 @@
|
|
1
1
|
@mixin normalize-forms {
|
2
|
-
@if ($legacy-support-for-
|
3
|
-
or $legacy-support-for-ie6
|
4
|
-
or $legacy-support-for-ie7) {
|
2
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
5
3
|
// Corrects margin displayed oddly in IE6/7
|
6
4
|
form {
|
7
5
|
margin: 0;
|
@@ -16,24 +14,15 @@
|
|
16
14
|
}
|
17
15
|
|
18
16
|
legend {
|
19
|
-
|
20
|
-
|
21
|
-
or $legacy-support-for-ie7
|
22
|
-
or $legacy-support-for-ie8
|
23
|
-
or $legacy-support-for-ie9) {
|
24
|
-
// Corrects color not being inherited in IE6/7/8/9
|
25
|
-
border: 0;
|
26
|
-
padding: 0;
|
27
|
-
}
|
17
|
+
border: 0;
|
18
|
+
padding: 0;
|
28
19
|
|
29
|
-
@if $
|
20
|
+
@if $legacy-support-for-ff3 {
|
30
21
|
// Corrects text not wrapping in FF3
|
31
22
|
white-space: normal;
|
32
23
|
}
|
33
24
|
|
34
|
-
@if ($legacy-support-for-
|
35
|
-
or $legacy-support-for-ie6
|
36
|
-
or $legacy-support-for-ie7) {
|
25
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
37
26
|
// Corrects alignment displayed oddly in IE6/7
|
38
27
|
*margin-left: -7px;
|
39
28
|
}
|
@@ -46,27 +35,18 @@
|
|
46
35
|
// Corrects font size not being inherited in all browsers
|
47
36
|
font-size: 100%;
|
48
37
|
|
49
|
-
|
50
|
-
|
51
|
-
or $legacy-support-for-ie7
|
52
|
-
or $include-ff-normalization
|
53
|
-
or $include-sa-normalization
|
54
|
-
or $include-chr-normalization) {
|
55
|
-
// Addresses margins set differently in IE6/7, FF3+, S5, Chrome
|
56
|
-
margin: 0;
|
57
|
-
}
|
38
|
+
// Addresses margins set differently in IE6/7, FF3+, S5, Chrome
|
39
|
+
margin: 0;
|
58
40
|
|
59
41
|
// Improves appearance and consistency in all browsers
|
60
42
|
vertical-align: baseline;
|
61
43
|
*vertical-align: middle;
|
62
44
|
}
|
63
45
|
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
line-height: normal;
|
69
|
-
}
|
46
|
+
// Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
|
47
|
+
button,
|
48
|
+
input {
|
49
|
+
line-height: normal;
|
70
50
|
}
|
71
51
|
|
72
52
|
button,
|
@@ -76,13 +56,10 @@
|
|
76
56
|
// Improves usability and consistency of cursor style between image-type 'input' and others
|
77
57
|
cursor: pointer;
|
78
58
|
|
79
|
-
|
80
|
-
|
81
|
-
-webkit-appearance: button;
|
82
|
-
}
|
59
|
+
// Corrects inability to style clickable 'input' types in iOS
|
60
|
+
-webkit-appearance: button;
|
83
61
|
|
84
|
-
@if
|
85
|
-
or $legacy-support-for-ie7) {
|
62
|
+
@if $legacy-support-for-ie7 {
|
86
63
|
// Removes inner spacing in IE7 without affecting normal text inputs
|
87
64
|
// Known issue: inner spacing remains in IE6
|
88
65
|
*overflow: visible;
|
@@ -97,22 +74,13 @@
|
|
97
74
|
|
98
75
|
input[type="checkbox"],
|
99
76
|
input[type="radio"] {
|
100
|
-
|
101
|
-
|
102
|
-
or $legacy-support-for-ie9) {
|
103
|
-
// Addresses box sizing set to content-box in IE8/9
|
104
|
-
box-sizing: border-box;
|
105
|
-
}
|
77
|
+
// Addresses box sizing set to content-box in IE8/9
|
78
|
+
box-sizing: border-box;
|
106
79
|
|
107
|
-
|
108
|
-
|
109
|
-
or $legacy-support-for-ie9) {
|
110
|
-
// Removes excess padding in IE8/9
|
111
|
-
padding: 0;
|
112
|
-
}
|
80
|
+
// Removes excess padding in IE8/9
|
81
|
+
padding: 0;
|
113
82
|
|
114
|
-
@if
|
115
|
-
or $legacy-support-for-ie7) {
|
83
|
+
@if $legacy-support-for-ie7 {
|
116
84
|
// Removes excess padding in IE7
|
117
85
|
// Known issue: excess padding remains in IE6
|
118
86
|
*height: 13px;
|
@@ -121,29 +89,23 @@
|
|
121
89
|
}
|
122
90
|
|
123
91
|
input[type="search"] {
|
124
|
-
|
125
|
-
|
126
|
-
// Addresses appearance set to searchfield in S5, Chrome
|
127
|
-
-webkit-appearance: textfield;
|
92
|
+
// Addresses appearance set to searchfield in S5, Chrome
|
93
|
+
-webkit-appearance: textfield;
|
128
94
|
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
}
|
95
|
+
// Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
|
96
|
+
-webkit-box-sizing: content-box;
|
97
|
+
-moz-box-sizing: content-box;
|
133
98
|
|
134
99
|
box-sizing: content-box;
|
135
100
|
}
|
136
101
|
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
input[type="search"]::-webkit-search-cancel-button {
|
142
|
-
-webkit-appearance: none;
|
143
|
-
}
|
102
|
+
// Removes inner padding and search cancel button in S5, Chrome on OS X
|
103
|
+
input[type="search"]::-webkit-search-decoration,
|
104
|
+
input[type="search"]::-webkit-search-cancel-button {
|
105
|
+
-webkit-appearance: none;
|
144
106
|
}
|
145
107
|
|
146
|
-
@if $
|
108
|
+
@if $legacy-support-for-ff3 {
|
147
109
|
// Removes inner padding and border in FF3+
|
148
110
|
// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
149
111
|
button::-moz-focus-inner,
|
@@ -154,14 +116,8 @@
|
|
154
116
|
}
|
155
117
|
|
156
118
|
textarea {
|
157
|
-
|
158
|
-
|
159
|
-
or $legacy-support-for-ie7
|
160
|
-
or $legacy-support-for-ie8
|
161
|
-
or $legacy-support-for-ie9) {
|
162
|
-
// Removes default vertical scrollbar in IE6/7/8/9
|
163
|
-
overflow: auto;
|
164
|
-
}
|
119
|
+
// Removes default vertical scrollbar in IE6/7/8/9
|
120
|
+
overflow: auto;
|
165
121
|
|
166
122
|
// Improves readability and alignment in all browsers
|
167
123
|
vertical-align: top;
|
data/scss/normalize/_html5.scss
CHANGED
@@ -1,34 +1,27 @@
|
|
1
1
|
@mixin normalize-html5 {
|
2
|
-
@if ($include-ie-normalization
|
3
|
-
or $include-ie6-normalization
|
4
|
-
or $include-ie7-normalization
|
5
|
-
or $include-ie8-normalization
|
6
|
-
or $include-ie9-normalization
|
7
|
-
or $include-ff-normalization) {
|
8
2
|
// Corrects block display not defined in IE6/7/8/9 & FF3
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
3
|
+
article,
|
4
|
+
aside,
|
5
|
+
details,
|
6
|
+
figcaption,
|
7
|
+
figure,
|
8
|
+
footer,
|
9
|
+
header,
|
10
|
+
hgroup,
|
11
|
+
nav,
|
12
|
+
section,
|
13
|
+
summary {
|
14
|
+
display: block;
|
15
|
+
}
|
22
16
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
}
|
17
|
+
// Corrects inline-block display not defined in IE6/7/8/9 & FF3
|
18
|
+
audio,
|
19
|
+
canvas,
|
20
|
+
video {
|
21
|
+
display: inline-block;
|
22
|
+
*display: inline;
|
23
|
+
*zoom: 1;
|
24
|
+
}
|
32
25
|
|
33
26
|
// Prevents modern browsers from displaying 'audio' without controls
|
34
27
|
// Remove excess height in iOS5 devices
|
@@ -37,16 +30,9 @@
|
|
37
30
|
height: 0;
|
38
31
|
}
|
39
32
|
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
// Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
|
47
|
-
// Known issue: no IE6 support
|
48
|
-
[hidden] {
|
49
|
-
display: none;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
}
|
33
|
+
// Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
|
34
|
+
// Known issue: no IE6 support
|
35
|
+
[hidden] {
|
36
|
+
display: none;
|
37
|
+
}
|
38
|
+
}
|
data/scss/normalize/_links.scss
CHANGED
@@ -1,11 +1,9 @@
|
|
1
1
|
@mixin normalize-links {
|
2
2
|
a {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
}
|
8
|
-
}
|
3
|
+
// Addresses outline displayed oddly in Chrome
|
4
|
+
&:focus {
|
5
|
+
outline: thin dotted;
|
6
|
+
}
|
9
7
|
|
10
8
|
// Improves readability when focused and also mouse hovered in all browsers
|
11
9
|
// people.opera.com/patrickl/experiments/keyboard/test
|
data/scss/normalize/_lists.scss
CHANGED
@@ -1,7 +1,5 @@
|
|
1
1
|
@mixin normalize-lists {
|
2
|
-
@if ($legacy-support-for-
|
3
|
-
or $legacy-support-for-ie6
|
4
|
-
or $legacy-support-for-ie7) {
|
2
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
5
3
|
// Addresses margins set differently in IE6/7
|
6
4
|
dl,
|
7
5
|
menu,
|
@@ -22,8 +20,7 @@
|
|
22
20
|
}
|
23
21
|
}
|
24
22
|
|
25
|
-
@if
|
26
|
-
or $legacy-support-for-ie7) {
|
23
|
+
@if $legacy-support-for-ie7 {
|
27
24
|
// Corrects list images handled incorrectly in IE7
|
28
25
|
nav {
|
29
26
|
ul,
|
@@ -1,92 +1,63 @@
|
|
1
1
|
@mixin normalize-typography {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
// Addresses font sizes and margins set differently in IE6/7
|
9
|
-
// Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
|
10
|
-
h1 {
|
11
|
-
font-size: 2em;
|
12
|
-
margin: 0.67em 0;
|
13
|
-
}
|
2
|
+
// Addresses font sizes and margins set differently in IE6/7
|
3
|
+
// Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
|
4
|
+
h1 {
|
5
|
+
font-size: 2em;
|
6
|
+
margin: 0.67em 0;
|
7
|
+
}
|
14
8
|
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
9
|
+
h2 {
|
10
|
+
font-size: 1.5em;
|
11
|
+
margin: 0.83em 0;
|
12
|
+
}
|
19
13
|
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
14
|
+
h3 {
|
15
|
+
font-size: 1.17em;
|
16
|
+
margin: 1em 0;
|
17
|
+
}
|
24
18
|
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
19
|
+
h4 {
|
20
|
+
font-size: 1em;
|
21
|
+
margin: 1.33em 0;
|
22
|
+
}
|
29
23
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
24
|
+
h5 {
|
25
|
+
font-size: 0.83em;
|
26
|
+
margin: 1.67em 0;
|
27
|
+
}
|
34
28
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
}
|
29
|
+
h6 {
|
30
|
+
font-size: 0.75em;
|
31
|
+
margin: 2.33em 0;
|
39
32
|
}
|
40
33
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
or $legacy-support-for-ie9
|
45
|
-
or $include-sa-normalization
|
46
|
-
or $include-chr-normalization) {
|
47
|
-
// Addresses styling not present in IE7/8/9, S5, Chrome
|
48
|
-
abbr[title] {
|
49
|
-
border-bottom: 1px dotted;
|
50
|
-
}
|
34
|
+
// Addresses styling not present in IE7/8/9, S5, Chrome
|
35
|
+
abbr[title] {
|
36
|
+
border-bottom: 1px dotted;
|
51
37
|
}
|
52
38
|
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
b,
|
58
|
-
strong {
|
59
|
-
font-weight: bold;
|
60
|
-
}
|
39
|
+
// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
|
40
|
+
b,
|
41
|
+
strong {
|
42
|
+
font-weight: bold;
|
61
43
|
}
|
62
44
|
|
63
45
|
blockquote {
|
64
46
|
margin: 1em 40px;
|
65
47
|
}
|
66
48
|
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
dfn {
|
71
|
-
font-style: italic;
|
72
|
-
}
|
49
|
+
// Addresses styling not present in S5, Chrome
|
50
|
+
dfn {
|
51
|
+
font-style: italic;
|
73
52
|
}
|
74
53
|
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
or $legacy-support-for-ie9) {
|
80
|
-
// Addresses styling not present in IE6/7/8/9
|
81
|
-
mark {
|
82
|
-
background: #ff0;
|
83
|
-
color: #000;
|
84
|
-
}
|
54
|
+
// Addresses styling not present in IE6/7/8/9
|
55
|
+
mark {
|
56
|
+
background: #ff0;
|
57
|
+
color: #000;
|
85
58
|
}
|
86
59
|
|
87
|
-
@if ($legacy-support-for-
|
88
|
-
or $legacy-support-for-ie6
|
89
|
-
or $legacy-support-for-ie7) {
|
60
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
90
61
|
// Addresses margins set differently in IE6/7
|
91
62
|
p,
|
92
63
|
pre {
|
@@ -94,20 +65,15 @@
|
|
94
65
|
}
|
95
66
|
}
|
96
67
|
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
samp {
|
107
|
-
font-family: monospace, serif;
|
108
|
-
_font-family: 'courier new', monospace;
|
109
|
-
font-size: 1em;
|
110
|
-
}
|
68
|
+
// Corrects font family set oddly in IE6, S4/5, Chrome
|
69
|
+
// en.wikipedia.org/wiki/User:Davidgothberg/Test59
|
70
|
+
pre,
|
71
|
+
code,
|
72
|
+
kbd,
|
73
|
+
samp {
|
74
|
+
font-family: monospace, serif;
|
75
|
+
_font-family: 'courier new', monospace;
|
76
|
+
font-size: 1em;
|
111
77
|
}
|
112
78
|
|
113
79
|
// Improves readability of pre-formatted text in all browsers
|
@@ -117,22 +83,18 @@
|
|
117
83
|
word-wrap: break-word;
|
118
84
|
}
|
119
85
|
|
120
|
-
@if ($legacy-support-for-
|
121
|
-
or $legacy-support-for-ie6
|
122
|
-
or $legacy-support-for-ie7) {
|
86
|
+
@if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
|
123
87
|
// Addresses CSS quotes not supported in IE6/7
|
124
88
|
q {
|
125
89
|
quotes: none;
|
126
90
|
}
|
127
91
|
}
|
128
92
|
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
content: none;
|
135
|
-
}
|
93
|
+
// Addresses quote property not supported in S4
|
94
|
+
q:before,
|
95
|
+
q:after {
|
96
|
+
content: '';
|
97
|
+
content: none;
|
136
98
|
}
|
137
99
|
|
138
100
|
small {
|
@@ -1,55 +1,20 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
//
|
4
|
-
|
5
|
-
$legacy-support-for-
|
6
|
-
$legacy-support-for-
|
7
|
-
$legacy-support-for-
|
8
|
-
$legacy-support-for-
|
9
|
-
$legacy-support-for-
|
10
|
-
|
11
|
-
// Firefox
|
12
|
-
$include-ff-normalization: true;
|
13
|
-
|
14
|
-
// Safari
|
15
|
-
$include-sa-normalization: true;
|
16
|
-
|
17
|
-
// iOS
|
18
|
-
$include-ios-normalization: true;
|
19
|
-
|
20
|
-
// Chrome
|
21
|
-
$include-chr-normalization: true;
|
22
|
-
|
23
|
-
// Opera
|
24
|
-
$include-op-normalization: true;
|
1
|
+
// Legacy support for Internet Explorer and Firefox.
|
2
|
+
// Use $legacy-support-for-ie6, $legacy-support-for-ie7 etc to disable support for specific
|
3
|
+
// versions.
|
4
|
+
$legacy-support-for-ie: true;
|
5
|
+
// $legacy-support-for-ie6: false;
|
6
|
+
// $legacy-support-for-ie7: false;
|
7
|
+
// $legacy-support-for-ie8: false;
|
8
|
+
$legacy-support-for-ff: true;
|
9
|
+
// $legacy-support-for-ff3: false;
|
25
10
|
|
11
|
+
@import "normalize";
|
26
12
|
@include normalize;
|
27
13
|
|
28
|
-
// It is also possible to use only parts of normalize.css
|
14
|
+
// It is also possible to use only parts of normalize.css, i.e.:
|
29
15
|
//
|
30
|
-
// @import "normalize/html5";
|
31
16
|
// @include normalize-html5;
|
32
|
-
//
|
33
|
-
// @import "normalize/base";
|
34
17
|
// @include normalize-base;
|
35
|
-
//
|
36
|
-
// @import "normalize/links";
|
37
18
|
// @include normalize-links;
|
38
|
-
//
|
39
|
-
// @import "normalize/typography";
|
40
|
-
// @include normalize-typography;
|
41
|
-
//
|
42
|
-
// @import "normalize/lists";
|
43
|
-
// @include normalize-lists;
|
44
|
-
//
|
45
|
-
// @import "normalize/embedded";
|
46
|
-
// @include normalize-embedded;
|
47
|
-
//
|
48
|
-
// @import "normalize/figures";
|
49
|
-
// @include normalize-figures;
|
50
|
-
//
|
51
|
-
// @import "normalize/forms";
|
52
|
-
// @include normalize-forms;
|
53
19
|
//
|
54
|
-
//
|
55
|
-
// @include normalize-tables;
|
20
|
+
// ...
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-normalize-plugin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -11,11 +11,11 @@ authors:
|
|
11
11
|
autorequire:
|
12
12
|
bindir: bin
|
13
13
|
cert_chain: []
|
14
|
-
date: 2012-05-
|
14
|
+
date: 2012-05-08 00:00:00.000000000 Z
|
15
15
|
dependencies:
|
16
16
|
- !ruby/object:Gem::Dependency
|
17
17
|
name: compass
|
18
|
-
requirement: &
|
18
|
+
requirement: &70265681841980 !ruby/object:Gem::Requirement
|
19
19
|
none: false
|
20
20
|
requirements:
|
21
21
|
- - ! '>='
|
@@ -23,7 +23,7 @@ dependencies:
|
|
23
23
|
version: 0.11.1
|
24
24
|
type: :runtime
|
25
25
|
prerelease: false
|
26
|
-
version_requirements: *
|
26
|
+
version_requirements: *70265681841980
|
27
27
|
description: This is a normalize.css extension for the Compass framework.
|
28
28
|
email: johannes@roettger.us
|
29
29
|
executables: []
|