normalize-scss 4.2.1 → 5.0.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.
- checksums.yaml +4 -4
- data/README.md +41 -23
- data/normalize-scss.gemspec +3 -3
- data/package.json +1 -1
- data/sass/normalize/_normalize-mixin.scss +229 -235
- metadata +5 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8eafe43a867c51b3b1ec057f542bfeefb03e2f8e
|
|
4
|
+
data.tar.gz: 32fa6a357f9b99556ea89c6b23886dcbc8f40397
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e5d3f115985ac2d6046e978db615800875082855d4135bc62c927f51da0cb00c9ef9e685adfed13fc9e96721a8db37c226da7fe04afdb8afd8a9ec5ec1bed548
|
|
7
|
+
data.tar.gz: a8f83f3526108ffc3b3c0443652046e6c1db25e417d5debeffebe5a6597c10809f94983aced55c9728ce6180f32f254836f3b5df03ad84b501919b7701b1905c
|
data/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
For use with… | normalize-scss version
|
|
6
6
|
-----------------------------|-----------------------
|
|
7
|
-
Sass 3.4 or libSass | [
|
|
7
|
+
Sass 3.4 or libSass | [5.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/5.0.0)<br> combining normalize.css v4.1.1 with v1.1.3
|
|
8
8
|
Ruby Sass 3.3 + Compass 1.0 | [3.0.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/3.0.3)<br> combining normalize.css v3.0.3 with v1.1.3
|
|
9
9
|
Ruby Sass 3.2 + Compass 0.12 | [2.2.0+normalize.2.1.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/2.2.0%2Bnormalize.2.1.3)<br> combining normalize.css v2.1.3 with v1.1.3
|
|
10
10
|
|
|
@@ -17,11 +17,13 @@ This Sass port currently utilizes:
|
|
|
17
17
|
* Browser support variables: Allowing you to easily add/drop support for any browser by modifying a single Sass variable.
|
|
18
18
|
* Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library.
|
|
19
19
|
|
|
20
|
-
In addition, Normalize.css has 2 major versions: version
|
|
20
|
+
In addition, Normalize.css has 2 major versions: version 4 (without “legacy browser” support) and version 1 (with support for IE 6/7, etc.) This Sass port combines the two versions into one file so that you can easily toggle between the two versions using its browser support variables.
|
|
21
21
|
|
|
22
22
|
Did a client wait until the last minute to mention their CEO uses IE 6? Simply update your `$support-for` variable and recompile your Sass files. Details can be found at https://github.com/JohnAlbin/normalize-scss/wiki
|
|
23
23
|
|
|
24
|
-
# normalize.css
|
|
24
|
+
# normalize.css v4
|
|
25
|
+
|
|
26
|
+
> A modern alternative to CSS resets
|
|
25
27
|
|
|
26
28
|
Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
|
|
27
29
|
|
|
@@ -34,7 +36,7 @@ The project relies on researching the differences between default browser styles
|
|
|
34
36
|
* Preserves useful defaults, unlike many CSS resets.
|
|
35
37
|
* Normalizes styles for a wide range of elements.
|
|
36
38
|
* Corrects bugs and common browser inconsistencies.
|
|
37
|
-
* Improves usability with subtle
|
|
39
|
+
* Improves usability with subtle modifications.
|
|
38
40
|
* Explains what code does using detailed comments.
|
|
39
41
|
|
|
40
42
|
## Install
|
|
@@ -77,39 +79,57 @@ Note: if you use [wiredep](https://github.com/taptapship/wiredep), normalize-scs
|
|
|
77
79
|
|
|
78
80
|
## Browser support
|
|
79
81
|
|
|
80
|
-
*
|
|
81
|
-
*
|
|
82
|
-
*
|
|
83
|
-
*
|
|
84
|
-
* Apple Safari 6+
|
|
82
|
+
* Chrome (last two)
|
|
83
|
+
* Edge (last two)
|
|
84
|
+
* Firefox (last two)
|
|
85
|
+
* Firefox ESR
|
|
85
86
|
* Internet Explorer 6+
|
|
87
|
+
* Opera (last two)
|
|
88
|
+
* Safari 6+
|
|
86
89
|
|
|
87
90
|
The exact browsers supported in your project is controlled by the browser
|
|
88
91
|
support variables. See https://github.com/JohnAlbin/normalize-scss/wiki
|
|
89
92
|
|
|
90
|
-
|
|
93
|
+
|
|
94
|
+
## Extended details and known issues
|
|
91
95
|
|
|
92
96
|
Additional detail and explanation of the esoteric parts of normalize.css.
|
|
93
97
|
|
|
94
98
|
#### `pre, code, kbd, samp`
|
|
95
99
|
|
|
96
100
|
The `font-family: monospace, monospace` hack fixes the inheritance and scaling
|
|
97
|
-
of font-size for
|
|
98
|
-
intentional.
|
|
101
|
+
of font-size for preformatted text. The duplication of `monospace` is
|
|
102
|
+
intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
|
|
99
103
|
|
|
100
104
|
#### `sub, sup`
|
|
101
105
|
|
|
102
106
|
Normally, using `sub` or `sup` affects the line-box height of text in all
|
|
103
|
-
browsers. [Source](
|
|
107
|
+
browsers. [Source](https://gist.github.com/413930).
|
|
104
108
|
|
|
105
109
|
#### `svg:not(:root)`
|
|
106
110
|
|
|
107
111
|
Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE
|
|
108
112
|
don't support SVG, so we can safely use the `:not()` and `:root` selectors that
|
|
109
|
-
modern browsers use in the default UA stylesheets to apply this style. [
|
|
110
|
-
|
|
113
|
+
modern browsers use in the default UA stylesheets to apply this style. [Source]
|
|
114
|
+
(https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html).
|
|
115
|
+
|
|
116
|
+
#### `select`
|
|
117
|
+
|
|
118
|
+
By default, Chrome on OS X and Safari on OS X allow very limited styling of
|
|
119
|
+
`select`, unless a border property is set. The default font weight on `optgroup`
|
|
120
|
+
elements cannot safely be changed in Chrome on OSX and Safari on OS X.
|
|
121
|
+
|
|
122
|
+
#### `[type="checkbox"]`
|
|
111
123
|
|
|
112
|
-
|
|
124
|
+
It is recommended that you do not style checkbox and radio inputs as Firefox's
|
|
125
|
+
implementation does not respect box-sizing, padding, or width.
|
|
126
|
+
|
|
127
|
+
#### `[type="number"]`
|
|
128
|
+
|
|
129
|
+
Certain font size values applied to number inputs cause the cursor style of the
|
|
130
|
+
decrement button to change from `default` to `text`.
|
|
131
|
+
|
|
132
|
+
#### `[type="search"]`
|
|
113
133
|
|
|
114
134
|
The search input is not fully stylable by default. In Chrome and Safari on
|
|
115
135
|
OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
|
|
@@ -117,17 +137,15 @@ Chrome and Safari on Windows you can't control `border` properly. It will apply
|
|
|
117
137
|
`border-width` but will only show a border color (which cannot be controlled)
|
|
118
138
|
for the outer 1px of that border. Applying `-webkit-appearance: textfield`
|
|
119
139
|
addresses these issues without removing the benefits of search inputs (e.g.
|
|
120
|
-
showing past searches).
|
|
140
|
+
showing past searches). Safari (but not Chrome) will clip the cancel button on
|
|
141
|
+
when it has padding (and `textfield` appearance).
|
|
121
142
|
|
|
122
|
-
#### `legend`
|
|
123
|
-
|
|
124
|
-
Adding `border: 0` corrects an IE 8–11 bug where `color` (yes, `color`) is not
|
|
125
|
-
inherited by `legend`.
|
|
126
143
|
|
|
127
144
|
## Contributing
|
|
128
|
-
Please read Necolas' [contributing guidelines](https://github.com/necolas/normalize.css/blob/master/CONTRIBUTING.md).
|
|
129
145
|
|
|
130
|
-
|
|
146
|
+
Please read Normalize.css' [contributing guidelines](https://github.com/necolas/normalize.css/blob/master/CONTRIBUTING.md).
|
|
147
|
+
|
|
148
|
+
Updates to most CSS rules should be reported to the upstream [Normalize.css project](http://necolas.github.com/normalize.css/). Updates to the Sass should be reported in the [Normalize-scss project](https://github.com/JohnAlbin/normalize-scss/).
|
|
131
149
|
|
|
132
150
|
## Acknowledgements
|
|
133
151
|
|
data/normalize-scss.gemspec
CHANGED
|
@@ -9,9 +9,9 @@ Gem::Specification.new do |spec|
|
|
|
9
9
|
spec.homepage = 'https://github.com/JohnAlbin/normalize-scss'
|
|
10
10
|
spec.rubyforge_project =
|
|
11
11
|
|
|
12
|
-
spec.version = '
|
|
13
|
-
spec.date = '2016-05-
|
|
14
|
-
spec.licenses = ['GPL-2.0']
|
|
12
|
+
spec.version = '5.0.0'
|
|
13
|
+
spec.date = '2016-05-21'
|
|
14
|
+
spec.licenses = ['MIT', 'GPL-2.0']
|
|
15
15
|
|
|
16
16
|
spec.authors = ['John Albin Wilkins']
|
|
17
17
|
spec.email = 'virtually.johnalbin@gmail.com'
|
data/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "normalize-scss",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"description": "This is the Sass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers. This port aims to use a light dusting of Sass to make Normalize even easier to integrate with your website.",
|
|
5
5
|
"homepage": "https://github.com/JohnAlbin/normalize-scss",
|
|
6
6
|
"bugs": {
|
|
@@ -13,6 +13,14 @@ $_normalize-exclude: ();
|
|
|
13
13
|
@return false;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
@mixin _normalize-monospace() {
|
|
17
|
+
font-family: monospace, monospace;
|
|
18
|
+
@if support-for(ie, 6) {
|
|
19
|
+
_font-family: 'courier new', monospace;
|
|
20
|
+
}
|
|
21
|
+
font-size: 1em;
|
|
22
|
+
}
|
|
23
|
+
|
|
16
24
|
@mixin normalize($include: (all), $exclude: ()) {
|
|
17
25
|
// If we had local functions, we could access our parameters inside the
|
|
18
26
|
// function without passing them in as parameters. The hacky work-around is to
|
|
@@ -38,9 +46,8 @@ $_normalize-exclude: ();
|
|
|
38
46
|
|
|
39
47
|
@if _normalize-include(root) {
|
|
40
48
|
/**
|
|
41
|
-
* 1.
|
|
42
|
-
* 2. Prevent
|
|
43
|
-
* without disabling user zoom.
|
|
49
|
+
* 1. Change the default font family in all browsers (opinionated).
|
|
50
|
+
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
|
44
51
|
*/
|
|
45
52
|
|
|
46
53
|
html {
|
|
@@ -58,7 +65,7 @@ $_normalize-exclude: ();
|
|
|
58
65
|
}
|
|
59
66
|
|
|
60
67
|
/**
|
|
61
|
-
* Remove
|
|
68
|
+
* Remove the margin in all browsers (opinionated).
|
|
62
69
|
*/
|
|
63
70
|
|
|
64
71
|
body {
|
|
@@ -71,10 +78,9 @@ $_normalize-exclude: ();
|
|
|
71
78
|
========================================================================== */
|
|
72
79
|
|
|
73
80
|
/**
|
|
74
|
-
*
|
|
75
|
-
*
|
|
76
|
-
*
|
|
77
|
-
* Correct `block` display not defined for `main` in IE 11.
|
|
81
|
+
* Add the correct display in IE <10.
|
|
82
|
+
* Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
|
|
83
|
+
* Add the correct display in IE for `main`.
|
|
78
84
|
*/
|
|
79
85
|
|
|
80
86
|
article,
|
|
@@ -84,7 +90,6 @@ $_normalize-exclude: ();
|
|
|
84
90
|
figure,
|
|
85
91
|
footer,
|
|
86
92
|
header,
|
|
87
|
-
hgroup,
|
|
88
93
|
main,
|
|
89
94
|
menu,
|
|
90
95
|
nav,
|
|
@@ -94,27 +99,22 @@ $_normalize-exclude: ();
|
|
|
94
99
|
}
|
|
95
100
|
|
|
96
101
|
/**
|
|
97
|
-
*
|
|
98
|
-
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
|
102
|
+
* Add the correct display in IE <10.
|
|
99
103
|
*/
|
|
100
104
|
|
|
101
105
|
audio,
|
|
102
106
|
canvas,
|
|
103
107
|
progress,
|
|
104
108
|
video {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
*zoom: 1;
|
|
110
|
-
}
|
|
109
|
+
display: inline-block;
|
|
110
|
+
@if support-for(ie, 7) {
|
|
111
|
+
*display: inline;
|
|
112
|
+
*zoom: 1;
|
|
111
113
|
}
|
|
112
|
-
vertical-align: baseline; /* 2 */
|
|
113
114
|
}
|
|
114
115
|
|
|
115
116
|
/**
|
|
116
|
-
*
|
|
117
|
-
* Remove excess height in iOS 5 devices.
|
|
117
|
+
* Add the correct display and remove excess height in iOS 4-7.
|
|
118
118
|
*/
|
|
119
119
|
|
|
120
120
|
audio:not([controls]) {
|
|
@@ -122,21 +122,21 @@ $_normalize-exclude: ();
|
|
|
122
122
|
height: 0;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
*/
|
|
125
|
+
/**
|
|
126
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
127
|
+
*/
|
|
129
128
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
129
|
+
progress {
|
|
130
|
+
vertical-align: baseline;
|
|
133
131
|
}
|
|
134
132
|
|
|
135
133
|
/**
|
|
136
|
-
*
|
|
134
|
+
* Add the correct display in IE <11, Safari <8, and Firefox <22.
|
|
135
|
+
* 1. Add the correct display in IE.
|
|
137
136
|
*/
|
|
138
137
|
|
|
139
|
-
template
|
|
138
|
+
template, /* 1 */
|
|
139
|
+
[hidden] {
|
|
140
140
|
display: none;
|
|
141
141
|
}
|
|
142
142
|
}
|
|
@@ -145,24 +145,24 @@ $_normalize-exclude: ();
|
|
|
145
145
|
/* Links
|
|
146
146
|
========================================================================== */
|
|
147
147
|
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
148
|
+
/**
|
|
149
|
+
* 1. Remove the gray background on active links in IE 10.
|
|
150
|
+
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
|
151
|
+
*/
|
|
152
152
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
153
|
+
a {
|
|
154
|
+
background-color: transparent; /* 1 */
|
|
155
|
+
-webkit-text-decoration-skip: objects; /* 2 */
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
/**
|
|
159
|
-
*
|
|
160
|
-
*
|
|
159
|
+
* Remove the outline on focused links when they are also active or hovered
|
|
160
|
+
* in all browsers (opinionated).
|
|
161
161
|
*/
|
|
162
162
|
|
|
163
163
|
a:active,
|
|
164
164
|
a:hover {
|
|
165
|
-
outline: 0;
|
|
165
|
+
outline-width: 0;
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
|
|
@@ -171,24 +171,47 @@ $_normalize-exclude: ();
|
|
|
171
171
|
========================================================================== */
|
|
172
172
|
|
|
173
173
|
/**
|
|
174
|
-
*
|
|
174
|
+
* 1. Remove the bottom border in Firefox <40.
|
|
175
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
175
176
|
*/
|
|
176
177
|
|
|
177
178
|
abbr[title] {
|
|
178
|
-
border-bottom:
|
|
179
|
+
border-bottom: none; /* 1 */
|
|
180
|
+
text-decoration: underline; /* 2 */
|
|
181
|
+
text-decoration: underline dotted; /* 2 */
|
|
179
182
|
}
|
|
180
183
|
|
|
181
184
|
/**
|
|
182
|
-
*
|
|
185
|
+
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
|
183
186
|
*/
|
|
184
187
|
|
|
185
188
|
b,
|
|
186
189
|
strong {
|
|
187
|
-
font-weight:
|
|
190
|
+
font-weight: inherit;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
/**
|
|
194
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
195
|
+
*/
|
|
196
|
+
|
|
197
|
+
b,
|
|
198
|
+
strong {
|
|
199
|
+
font-weight: bolder;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
/**
|
|
203
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
204
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
205
|
+
*/
|
|
206
|
+
|
|
207
|
+
code,
|
|
208
|
+
kbd,
|
|
209
|
+
samp {
|
|
210
|
+
@include _normalize-monospace();
|
|
188
211
|
}
|
|
189
212
|
|
|
190
213
|
/**
|
|
191
|
-
*
|
|
214
|
+
* Add the correct font style in Android <4.4.
|
|
192
215
|
*/
|
|
193
216
|
|
|
194
217
|
dfn {
|
|
@@ -196,8 +219,8 @@ $_normalize-exclude: ();
|
|
|
196
219
|
}
|
|
197
220
|
|
|
198
221
|
/**
|
|
199
|
-
*
|
|
200
|
-
* contexts in Firefox
|
|
222
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
|
223
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
|
201
224
|
*/
|
|
202
225
|
|
|
203
226
|
h1 {
|
|
@@ -252,19 +275,17 @@ $_normalize-exclude: ();
|
|
|
252
275
|
}
|
|
253
276
|
}
|
|
254
277
|
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
*/
|
|
278
|
+
/**
|
|
279
|
+
* Add the correct background and color in IE <10.
|
|
280
|
+
*/
|
|
259
281
|
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
}
|
|
282
|
+
mark {
|
|
283
|
+
background-color: #ff0;
|
|
284
|
+
color: #000;
|
|
264
285
|
}
|
|
265
286
|
|
|
266
287
|
/**
|
|
267
|
-
*
|
|
288
|
+
* Add the correct font size in all browsers.
|
|
268
289
|
*/
|
|
269
290
|
|
|
270
291
|
small {
|
|
@@ -272,7 +293,8 @@ $_normalize-exclude: ();
|
|
|
272
293
|
}
|
|
273
294
|
|
|
274
295
|
/**
|
|
275
|
-
* Prevent `sub` and `sup` affecting
|
|
296
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
297
|
+
* all browsers.
|
|
276
298
|
*/
|
|
277
299
|
|
|
278
300
|
sub,
|
|
@@ -283,35 +305,33 @@ $_normalize-exclude: ();
|
|
|
283
305
|
vertical-align: baseline;
|
|
284
306
|
}
|
|
285
307
|
|
|
286
|
-
sup {
|
|
287
|
-
top: -0.5em;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
308
|
sub {
|
|
291
309
|
bottom: -0.25em;
|
|
292
310
|
}
|
|
311
|
+
|
|
312
|
+
sup {
|
|
313
|
+
top: -0.5em;
|
|
314
|
+
}
|
|
293
315
|
}
|
|
294
316
|
|
|
295
317
|
@if _normalize-include(embedded) {
|
|
296
318
|
/* Embedded content
|
|
297
319
|
========================================================================== */
|
|
298
320
|
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
*/
|
|
321
|
+
/**
|
|
322
|
+
* Remove the border on images inside links in IE <11.
|
|
323
|
+
*/
|
|
303
324
|
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
}
|
|
325
|
+
img {
|
|
326
|
+
border-style: none;
|
|
327
|
+
@if support-for(ie, 7) {
|
|
328
|
+
/* Improve image quality when scaled in IE 7. */
|
|
329
|
+
-ms-interpolation-mode: bicubic;
|
|
310
330
|
}
|
|
311
331
|
}
|
|
312
332
|
|
|
313
333
|
/**
|
|
314
|
-
*
|
|
334
|
+
* Hide the overflow in IE.
|
|
315
335
|
*/
|
|
316
336
|
|
|
317
337
|
svg:not(:root) {
|
|
@@ -324,6 +344,14 @@ $_normalize-exclude: ();
|
|
|
324
344
|
========================================================================== */
|
|
325
345
|
|
|
326
346
|
@if $normalize-vertical-rhythm or support-for(ie, 7) {
|
|
347
|
+
/**
|
|
348
|
+
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
|
349
|
+
*/
|
|
350
|
+
|
|
351
|
+
blockquote {
|
|
352
|
+
@include normalize-margin(1 $indent-amount);
|
|
353
|
+
}
|
|
354
|
+
|
|
327
355
|
/**
|
|
328
356
|
* Address margins set differently in IE 6/7.
|
|
329
357
|
*/
|
|
@@ -334,23 +362,21 @@ $_normalize-exclude: ();
|
|
|
334
362
|
ul {
|
|
335
363
|
@include normalize-margin(1 0);
|
|
336
364
|
}
|
|
337
|
-
}
|
|
338
365
|
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
366
|
+
@if $normalize-vertical-rhythm {
|
|
367
|
+
/**
|
|
368
|
+
* Turn off margins on nested lists.
|
|
369
|
+
*/
|
|
343
370
|
|
|
344
|
-
ol,
|
|
345
|
-
ul {
|
|
346
371
|
ol,
|
|
347
372
|
ul {
|
|
348
|
-
|
|
373
|
+
ol,
|
|
374
|
+
ul {
|
|
375
|
+
margin: 0;
|
|
376
|
+
}
|
|
349
377
|
}
|
|
350
378
|
}
|
|
351
|
-
}
|
|
352
379
|
|
|
353
|
-
@if $normalize-vertical-rhythm or support-for(ie, 7) {
|
|
354
380
|
dd {
|
|
355
381
|
margin: 0 0 0 $indent-amount;
|
|
356
382
|
}
|
|
@@ -378,36 +404,23 @@ $_normalize-exclude: ();
|
|
|
378
404
|
}
|
|
379
405
|
}
|
|
380
406
|
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
*/
|
|
385
|
-
|
|
386
|
-
blockquote {
|
|
387
|
-
@include normalize-margin(1 $indent-amount);
|
|
388
|
-
}
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
@if $normalize-vertical-rhythm or support-for(ie, 9) or support-for(safari, 6) {
|
|
392
|
-
/**
|
|
393
|
-
* Address margin not present in IE 8/9 and Safari.
|
|
394
|
-
*/
|
|
407
|
+
/**
|
|
408
|
+
* Add the correct margin in IE 8.
|
|
409
|
+
*/
|
|
395
410
|
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
}
|
|
411
|
+
figure {
|
|
412
|
+
@include normalize-margin(1 $indent-amount);
|
|
399
413
|
}
|
|
400
414
|
|
|
401
415
|
/**
|
|
402
|
-
*
|
|
416
|
+
* 1. Add the correct box sizing in Firefox.
|
|
417
|
+
* 2. Show the overflow in Edge and IE.
|
|
403
418
|
*/
|
|
404
419
|
|
|
405
420
|
hr {
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
box-sizing: content-box;
|
|
410
|
-
height: 0;
|
|
421
|
+
box-sizing: content-box; /* 1 */
|
|
422
|
+
height: 0; /* 1 */
|
|
423
|
+
overflow: visible; /* 2 */
|
|
411
424
|
}
|
|
412
425
|
|
|
413
426
|
@if $normalize-vertical-rhythm or support-for(ie, 7) {
|
|
@@ -421,27 +434,8 @@ $_normalize-exclude: ();
|
|
|
421
434
|
}
|
|
422
435
|
}
|
|
423
436
|
|
|
424
|
-
/**
|
|
425
|
-
* Contain overflow in all browsers.
|
|
426
|
-
*/
|
|
427
|
-
|
|
428
437
|
pre {
|
|
429
|
-
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
/**
|
|
433
|
-
* Address odd `em`-unit font size rendering in all browsers.
|
|
434
|
-
*/
|
|
435
|
-
|
|
436
|
-
code,
|
|
437
|
-
kbd,
|
|
438
|
-
pre,
|
|
439
|
-
samp {
|
|
440
|
-
font-family: monospace, monospace;
|
|
441
|
-
@if support-for(ie, 6) {
|
|
442
|
-
_font-family: 'courier new', monospace;
|
|
443
|
-
}
|
|
444
|
-
font-size: 1em;
|
|
438
|
+
@include _normalize-monospace();
|
|
445
439
|
}
|
|
446
440
|
}
|
|
447
441
|
|
|
@@ -450,8 +444,23 @@ $_normalize-exclude: ();
|
|
|
450
444
|
========================================================================== */
|
|
451
445
|
|
|
452
446
|
/**
|
|
453
|
-
* Known
|
|
454
|
-
*
|
|
447
|
+
* Known issues:
|
|
448
|
+
* - By default, Chrome on OS X and Safari on OS X allow very limited styling of
|
|
449
|
+
* select, unless a border property is set. The default font weight on
|
|
450
|
+
* optgroup elements cannot safely be changed in Chrome on OSX and Safari on
|
|
451
|
+
* OS X.
|
|
452
|
+
* - It is recommended that you do not style checkbox and radio inputs as
|
|
453
|
+
* Firefox's implementation does not respect box-sizing, padding, or width.
|
|
454
|
+
* - Certain font size values applied to number inputs cause the cursor style of
|
|
455
|
+
* the decrement button to change from default to text.
|
|
456
|
+
* - The search input is not fully stylable by default. In Chrome and Safari on
|
|
457
|
+
* OSX/iOS you can't control font, padding, border, or background. In Chrome
|
|
458
|
+
* and Safari on Windows you can't control border properly. It will apply
|
|
459
|
+
* border-width but will only show a border color (which cannot be controlled)
|
|
460
|
+
* for the outer 1px of that border. Applying -webkit-appearance: textfield
|
|
461
|
+
* addresses these issues without removing the benefits of search inputs (e.g.
|
|
462
|
+
* showing past searches). Safari (but not Chrome) will clip the cancel button
|
|
463
|
+
* on when it has padding (and textfield appearance).
|
|
455
464
|
*/
|
|
456
465
|
|
|
457
466
|
@if support-for(ie, 7) {
|
|
@@ -465,12 +474,10 @@ $_normalize-exclude: ();
|
|
|
465
474
|
}
|
|
466
475
|
|
|
467
476
|
/**
|
|
468
|
-
* 1.
|
|
469
|
-
*
|
|
470
|
-
*
|
|
471
|
-
*
|
|
472
|
-
* 4. Address `font-family` inconsistency between `textarea` and other form in IE 7
|
|
473
|
-
* 5. Improve appearance and consistency with IE 6/7.
|
|
477
|
+
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
|
478
|
+
* 2. Remove the margin in Firefox and Safari.
|
|
479
|
+
* 3. Address `font-family` inconsistency between `textarea` and other form in IE 7
|
|
480
|
+
* 4. Improve appearance and consistency with IE 6/7.
|
|
474
481
|
*/
|
|
475
482
|
|
|
476
483
|
button,
|
|
@@ -478,17 +485,16 @@ $_normalize-exclude: ();
|
|
|
478
485
|
optgroup,
|
|
479
486
|
select,
|
|
480
487
|
textarea {
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
margin: 0; /* 3 */
|
|
488
|
+
font: inherit; /* 1 */
|
|
489
|
+
margin: 0; /* 2 */
|
|
484
490
|
@if support-for(ie, 7) {
|
|
485
|
-
*font-family: $base-font-family; /*
|
|
486
|
-
*vertical-align: middle; /*
|
|
491
|
+
*font-family: $base-font-family; /* 3 */
|
|
492
|
+
*vertical-align: middle; /* 4 */
|
|
487
493
|
}
|
|
488
494
|
}
|
|
489
495
|
|
|
490
496
|
/**
|
|
491
|
-
*
|
|
497
|
+
* Show the overflow in IE.
|
|
492
498
|
*/
|
|
493
499
|
|
|
494
500
|
button {
|
|
@@ -496,115 +502,100 @@ $_normalize-exclude: ();
|
|
|
496
502
|
}
|
|
497
503
|
|
|
498
504
|
/**
|
|
499
|
-
*
|
|
500
|
-
*
|
|
501
|
-
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
|
502
|
-
* Correct `select` style inheritance in Firefox.
|
|
505
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
506
|
+
* 1. Remove the inheritance of text transform in Firefox.
|
|
503
507
|
*/
|
|
504
508
|
|
|
505
509
|
button,
|
|
506
|
-
select {
|
|
510
|
+
select { /* 1 */
|
|
507
511
|
text-transform: none;
|
|
508
512
|
}
|
|
509
513
|
|
|
510
514
|
/**
|
|
511
|
-
* 1.
|
|
512
|
-
*
|
|
513
|
-
* 2. Correct inability to style clickable
|
|
514
|
-
* 3. Improve usability and consistency of cursor style between image-type
|
|
515
|
-
* `input` and others.
|
|
516
|
-
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
|
517
|
-
* Known issue: inner spacing remains in IE 6.
|
|
515
|
+
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
|
516
|
+
* controls in Android 4.
|
|
517
|
+
* 2. Correct the inability to style clickable types in iOS and Safari.
|
|
518
518
|
*/
|
|
519
519
|
|
|
520
520
|
button,
|
|
521
|
-
html
|
|
522
|
-
|
|
523
|
-
|
|
521
|
+
html [type="button"], /* 1 */
|
|
522
|
+
[type="reset"],
|
|
523
|
+
[type="submit"] {
|
|
524
524
|
-webkit-appearance: button; /* 2 */
|
|
525
|
-
cursor: pointer; /* 3 */
|
|
526
|
-
@if support-for(ie, 7) {
|
|
527
|
-
*overflow: visible; /* 4 */
|
|
528
|
-
}
|
|
529
525
|
}
|
|
530
526
|
|
|
531
527
|
/**
|
|
532
|
-
*
|
|
528
|
+
* Remove the inner border and padding in Firefox.
|
|
533
529
|
*/
|
|
534
530
|
|
|
535
|
-
button
|
|
536
|
-
|
|
537
|
-
|
|
531
|
+
button::-moz-focus-inner,
|
|
532
|
+
[type="button"]::-moz-focus-inner,
|
|
533
|
+
[type="reset"]::-moz-focus-inner,
|
|
534
|
+
[type="submit"]::-moz-focus-inner {
|
|
535
|
+
border-style: none;
|
|
536
|
+
padding: 0;
|
|
538
537
|
}
|
|
539
538
|
|
|
540
539
|
/**
|
|
541
|
-
*
|
|
540
|
+
* Restore the focus styles unset by the previous rule.
|
|
542
541
|
*/
|
|
543
542
|
|
|
544
|
-
button
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
543
|
+
button:-moz-focusring,
|
|
544
|
+
[type="button"]:-moz-focusring,
|
|
545
|
+
[type="reset"]:-moz-focusring,
|
|
546
|
+
[type="submit"]:-moz-focusring {
|
|
547
|
+
outline: 1px dotted ButtonText;
|
|
548
548
|
}
|
|
549
549
|
|
|
550
550
|
/**
|
|
551
|
-
*
|
|
552
|
-
* the UA stylesheet.
|
|
551
|
+
* Show the overflow in Edge.
|
|
553
552
|
*/
|
|
554
553
|
|
|
555
554
|
input {
|
|
556
|
-
|
|
555
|
+
overflow: visible;
|
|
556
|
+
@if support-for(firefox, 29) {
|
|
557
|
+
// Firefox sets `line-height` using `!important` in the UA stylesheet.
|
|
558
|
+
line-height: normal;
|
|
559
|
+
}
|
|
557
560
|
}
|
|
558
561
|
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
* 2. Remove excess padding in IE 8/9/10.
|
|
566
|
-
* 3. Remove excess padding in IE 7.
|
|
567
|
-
* Known issue: excess padding remains in IE 6.
|
|
568
|
-
*/
|
|
562
|
+
/**
|
|
563
|
+
* 1. Add the correct box sizing in IE <11.
|
|
564
|
+
* 2. Remove the padding in IE <11.
|
|
565
|
+
* 3. Remove excess padding in IE 7.
|
|
566
|
+
* Known issue: excess padding remains in IE 6.
|
|
567
|
+
*/
|
|
569
568
|
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
}
|
|
569
|
+
[type="checkbox"],
|
|
570
|
+
[type="radio"] {
|
|
571
|
+
box-sizing: border-box; /* 1 */
|
|
572
|
+
padding: 0; /* 2 */
|
|
573
|
+
@if support-for(ie, 7) {
|
|
574
|
+
*height: 13px; /* 3 */
|
|
575
|
+
*width: 13px; /* 3 */
|
|
578
576
|
}
|
|
579
577
|
}
|
|
580
578
|
|
|
581
579
|
/**
|
|
582
|
-
*
|
|
583
|
-
* `font-size` values of the `input`, it causes the cursor style of the
|
|
584
|
-
* decrement button to change from `default` to `text`.
|
|
580
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
585
581
|
*/
|
|
586
582
|
|
|
587
|
-
|
|
588
|
-
|
|
583
|
+
[type="number"]::-webkit-inner-spin-button,
|
|
584
|
+
[type="number"]::-webkit-outer-spin-button {
|
|
589
585
|
height: auto;
|
|
590
586
|
}
|
|
591
587
|
|
|
592
588
|
/**
|
|
593
|
-
* 1.
|
|
594
|
-
* 2.
|
|
589
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
|
590
|
+
* 2. Correct the outline style in Safari.
|
|
595
591
|
*/
|
|
596
592
|
|
|
597
|
-
|
|
593
|
+
[type="search"] {
|
|
598
594
|
-webkit-appearance: textfield; /* 1 */
|
|
599
|
-
|
|
600
|
-
-webkit-box-sizing: content-box;
|
|
601
|
-
}
|
|
602
|
-
box-sizing: content-box; /* 2 */
|
|
595
|
+
outline-offset: -2px; /* 2 */
|
|
603
596
|
|
|
604
597
|
/**
|
|
605
|
-
* Remove inner padding and
|
|
606
|
-
* Safari (but not Chrome) clips the cancel button when the search input has
|
|
607
|
-
* padding (and `textfield` appearance).
|
|
598
|
+
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
|
608
599
|
*/
|
|
609
600
|
|
|
610
601
|
&::-webkit-search-cancel-button,
|
|
@@ -614,7 +605,26 @@ $_normalize-exclude: ();
|
|
|
614
605
|
}
|
|
615
606
|
|
|
616
607
|
/**
|
|
617
|
-
*
|
|
608
|
+
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
|
609
|
+
*/
|
|
610
|
+
|
|
611
|
+
::-webkit-input-placeholder {
|
|
612
|
+
color: inherit;
|
|
613
|
+
opacity: 0.54;
|
|
614
|
+
}
|
|
615
|
+
|
|
616
|
+
/**
|
|
617
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
618
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
619
|
+
*/
|
|
620
|
+
|
|
621
|
+
::-webkit-file-upload-button {
|
|
622
|
+
-webkit-appearance: button; /* 1 */
|
|
623
|
+
font: inherit; /* 2 */
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
/**
|
|
627
|
+
* Change the border, margin, and padding in all browsers (opinionated).
|
|
618
628
|
*/
|
|
619
629
|
|
|
620
630
|
fieldset {
|
|
@@ -624,55 +634,39 @@ $_normalize-exclude: ();
|
|
|
624
634
|
}
|
|
625
635
|
|
|
626
636
|
/**
|
|
627
|
-
* 1. Correct
|
|
628
|
-
* 2.
|
|
629
|
-
* 3.
|
|
637
|
+
* 1. Correct the text wrapping in Edge and IE.
|
|
638
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
639
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
|
640
|
+
* `fieldset` elements in all browsers.
|
|
641
|
+
* 4. Correct alignment displayed oddly in IE 6/7.
|
|
630
642
|
*/
|
|
631
643
|
|
|
632
644
|
legend {
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
645
|
+
box-sizing: border-box; /* 1 */
|
|
646
|
+
display: table; /* 1 */
|
|
647
|
+
max-width: 100%; /* 1 */
|
|
648
|
+
white-space: normal; /* 1 */
|
|
649
|
+
color: inherit; /* 2 */
|
|
650
|
+
padding: 0; /* 3 */
|
|
637
651
|
@if support-for(ie, 7) {
|
|
638
|
-
*margin-left: -7px; /*
|
|
652
|
+
*margin-left: -7px; /* 4 */
|
|
639
653
|
}
|
|
640
654
|
}
|
|
641
655
|
|
|
642
656
|
/**
|
|
643
|
-
*
|
|
644
|
-
*/
|
|
645
|
-
|
|
646
|
-
textarea {
|
|
647
|
-
overflow: auto;
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
/**
|
|
651
|
-
* Don't inherit the `font-weight` (applied by a rule above).
|
|
652
|
-
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
|
657
|
+
* Restore the font weight unset by a previous rule.
|
|
653
658
|
*/
|
|
654
659
|
|
|
655
660
|
optgroup {
|
|
656
661
|
font-weight: bold;
|
|
657
662
|
}
|
|
658
|
-
}
|
|
659
|
-
|
|
660
|
-
@if _normalize-include(tables) {
|
|
661
|
-
/* Tables
|
|
662
|
-
========================================================================== */
|
|
663
663
|
|
|
664
664
|
/**
|
|
665
|
-
* Remove
|
|
665
|
+
* Remove the default vertical scrollbar in IE.
|
|
666
666
|
*/
|
|
667
667
|
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
border-spacing: 0;
|
|
671
|
-
}
|
|
672
|
-
|
|
673
|
-
td,
|
|
674
|
-
th {
|
|
675
|
-
padding: 0;
|
|
668
|
+
textarea {
|
|
669
|
+
overflow: auto;
|
|
676
670
|
}
|
|
677
671
|
}
|
|
678
672
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: normalize-scss
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 5.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- John Albin Wilkins
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-05-
|
|
11
|
+
date: 2016-05-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|
|
@@ -49,6 +49,7 @@ files:
|
|
|
49
49
|
- sass/normalize/_vertical-rhythm.scss
|
|
50
50
|
homepage: https://github.com/JohnAlbin/normalize-scss
|
|
51
51
|
licenses:
|
|
52
|
+
- MIT
|
|
52
53
|
- GPL-2.0
|
|
53
54
|
metadata: {}
|
|
54
55
|
post_install_message:
|
|
@@ -66,8 +67,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
66
67
|
- !ruby/object:Gem::Version
|
|
67
68
|
version: '0'
|
|
68
69
|
requirements: []
|
|
69
|
-
rubyforge_project:
|
|
70
|
-
rubygems_version: 2.
|
|
70
|
+
rubyforge_project: 5.0.0
|
|
71
|
+
rubygems_version: 2.5.1
|
|
71
72
|
signing_key:
|
|
72
73
|
specification_version: 4
|
|
73
74
|
summary: The Sass version of Normalize.css
|