normalize-scss 5.0.4 → 6.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/LICENSE.md +1 -1
- data/README.md +25 -27
- data/normalize-scss.gemspec +2 -2
- data/package.json +1 -2
- data/sass/_normalize.scss +0 -1
- data/sass/normalize/_normalize-mixin.scss +298 -294
- data/sass/normalize/_vertical-rhythm.scss +0 -13
- metadata +3 -4
- data/sass/_support-for.scss +0 -64
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: dc665af8ff46726afa0b2ed71e9174472b77f30c
|
4
|
+
data.tar.gz: 5a9fbc319a173b71d9e229d9994d49c3def79459
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 9b1f429480989b81205a11e91ad8812a26fe34f06a468ede019cec3ef42f2d6bc7b6931e89f65ba578719dfd46e7a89487929b8bdfb3891190067ab96cbf8e15
|
7
|
+
data.tar.gz: 796ee6abfeedeb720c54cf27ab0f9760fd7750c5905391da7202c9c101fb14fcf605642430a8032f3db6339ef99c3928223435dd286e2271a6002862663146ce
|
data/LICENSE.md
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
Copyright
|
1
|
+
Copyright © Nicolas Gallagher and Jonathan Neal and John Albin Wilkins
|
2
2
|
|
3
3
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
4
4
|
this software and associated documentation files (the "Software"), to deal in
|
data/README.md
CHANGED
@@ -4,24 +4,21 @@
|
|
4
4
|
|
5
5
|
For use with… | normalize-scss version
|
6
6
|
-----------------------------|-----------------------
|
7
|
-
Sass 3.4 or libSass
|
8
|
-
Ruby Sass 3.3
|
9
|
-
Ruby Sass 3.2
|
7
|
+
Sass 3.4 or libSass | [6.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/6.0.0)<br> combining normalize.css v5.0.0 with v1.1.3
|
8
|
+
Ruby Sass 3.3 | [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
|
+
Ruby Sass 3.2 | [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
|
|
11
11
|
## The Sass port of normalize.css
|
12
12
|
|
13
13
|
__This project 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. To learn about why Normalize.css is so amazing, skip to the "normalize.css" section below.
|
14
14
|
|
15
|
-
This Sass port currently
|
15
|
+
This Sass port currently adds:
|
16
16
|
|
17
|
-
* Browser support variables: Allowing you to easily add/drop support for any browser by modifying a single Sass variable.
|
18
17
|
* Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library.
|
18
|
+
* Optional Eyeglass support.
|
19
|
+
* Several ready-to-fork versions that integrate typography Sass modules like Typey, style guides built with KSS, or the legacy Compass module.
|
19
20
|
|
20
|
-
|
21
|
-
|
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
|
-
|
24
|
-
# normalize.css v4
|
21
|
+
# normalize.css v5
|
25
22
|
|
26
23
|
> A modern alternative to CSS resets
|
27
24
|
|
@@ -56,39 +53,35 @@ There is a fantastic introduction to the project and brief instructions how to u
|
|
56
53
|
You can use the Sass port of Normalize in one of several methods, following the "About normalize.css" article's suggestions:
|
57
54
|
|
58
55
|
__Approach 1:__ Download and use normalize-scss as a starting point for your own project's base Sass, customising the values to match the design's requirements. (The best approach, _IMO_.)
|
59
|
-
1. Copy the normalize-scss files to your sass directory so that you can alter it
|
60
|
-
as you include it in your project. To aid with this method, normalize-scss
|
61
|
-
includes several ready-made "fork" versions:
|
56
|
+
1. Copy the normalize-scss files to your sass directory so that you can alter it as you include it in your project. To aid with this method, normalize-scss includes several ready-made "fork" versions:
|
62
57
|
* [fork-versions/default](fork-versions/default) - Fork for libSass or Ruby Sass
|
63
|
-
* [fork-versions/
|
58
|
+
* [fork-versions/deprecated-compass](fork-versions/deprecated-compass) - Fork with Compass ([deprecated](https://github.com/Compass/compass/issues/1999))
|
64
59
|
* [fork-versions/typey](fork-versions/typey) - Fork with Typey
|
65
60
|
* [fork-versions/typey-chroma-kss](fork-versions/typey-chroma-kss) - Fork with Typey, Chroma and KSS
|
66
|
-
2. The normalize-scss code uses the `support-for` module, so add it
|
67
61
|
|
68
62
|
__Approach 2:__ Install and include normalize-scss untouched and then build upon it, overriding the defaults later in your Sass when necessary. Just import normalize-scss like any normal Sass module by:
|
69
63
|
1. Set variables to override the default normalize-scss variables.
|
70
|
-
2.
|
71
|
-
3.
|
64
|
+
2. (Optionally) add an additional `[path to]/normalize-scss/sass` import path for your Sass compiler, e.g. [node-sass' `includePaths`](https://github.com/sass/node-sass#includepaths) option or [Ruby Sass' `--load-path`](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import) option.
|
65
|
+
3. Import with `@import "normalize";` or with `@import "[path to]/normalize-scss/sass/normalize";` (if you skipped step 2.)
|
66
|
+
4. Output the CSS rules with `@include normalize();`
|
72
67
|
|
73
68
|
Alternatively, you can import normalize-scss immediately into your main Sass file without needing to use the `normalize()` mixin by:
|
74
69
|
|
75
70
|
1. (Optionally) set variables to override the default normalize-scss variables.
|
76
|
-
2.
|
71
|
+
2. (Optionally) add an additional `[path to]/normalize-scss/sass` import path for your Sass compiler, e.g. [node-sass' `includePaths`](https://github.com/sass/node-sass#includepaths) option or [Ruby Sass' `--load-path`](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import) option.
|
72
|
+
3. Import with `@import "normalize/import-now";` or with `@import "[path to]/normalize-scss/sass/normalize/import-now";` (if you skipped step 2.)
|
77
73
|
|
78
74
|
Note: if you use [wiredep](https://github.com/taptapship/wiredep), normalize-scss's bower.json points at the normalize/import-now Sass partial. If you don't wish to immediately output the CSS, you will need to override the Sass partial that wiredep grabs from normalize-scss.
|
79
75
|
|
80
76
|
## Browser support
|
81
77
|
|
82
|
-
* Chrome (last
|
83
|
-
* Edge (
|
84
|
-
* Firefox (last
|
78
|
+
* Chrome (last four)
|
79
|
+
* Edge (version 25 and later)
|
80
|
+
* Firefox (last four)
|
85
81
|
* Firefox ESR
|
86
|
-
* Internet Explorer
|
87
|
-
* Opera (last
|
88
|
-
* Safari
|
89
|
-
|
90
|
-
The exact browsers supported in your project is controlled by the browser
|
91
|
-
support variables. See https://github.com/JohnAlbin/normalize-scss/wiki
|
82
|
+
* Internet Explorer 9+
|
83
|
+
* Opera (last four)
|
84
|
+
* Safari (last four)
|
92
85
|
|
93
86
|
|
94
87
|
## Extended details and known issues
|
@@ -140,6 +133,11 @@ addresses these issues without removing the benefits of search inputs (e.g.
|
|
140
133
|
showing past searches). Safari (but not Chrome) will clip the cancel button on
|
141
134
|
when it has padding (and `textfield` appearance).
|
142
135
|
|
136
|
+
#### `::placeholder`
|
137
|
+
|
138
|
+
In Edge, placeholders will disappear on `relative` or `absolute` positioned
|
139
|
+
`<input>` elements if you use `opacity` less than `1` due to a [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/).
|
140
|
+
|
143
141
|
|
144
142
|
## Contributing
|
145
143
|
|
data/normalize-scss.gemspec
CHANGED
@@ -9,8 +9,8 @@ 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-10-
|
12
|
+
spec.version = '6.0.0'
|
13
|
+
spec.date = '2016-10-24'
|
14
14
|
spec.licenses = ['MIT', 'GPL-2.0']
|
15
15
|
|
16
16
|
spec.authors = ['John Albin Wilkins']
|
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "normalize-scss",
|
3
|
-
"version": "
|
3
|
+
"version": "6.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": {
|
@@ -41,7 +41,6 @@
|
|
41
41
|
"eyeglass": "^1.1.2",
|
42
42
|
"mocha": "^3.1.2",
|
43
43
|
"sassy-test": "^3.0.0",
|
44
|
-
"support-for": "^1.0.7",
|
45
44
|
"typey": "^1.0.0"
|
46
45
|
}
|
47
46
|
}
|
data/sass/_normalize.scss
CHANGED
@@ -1,7 +1,20 @@
|
|
1
1
|
// Helper function for the normalize() mixin.
|
2
|
-
|
3
|
-
|
4
|
-
@
|
2
|
+
@function _normalize-include($section, $exclude: null) {
|
3
|
+
// Initialize the global variables needed by this function.
|
4
|
+
@if not global_variable_exists(_normalize-include) {
|
5
|
+
$_normalize-include: () !global;
|
6
|
+
$_normalize-exclude: () !global;
|
7
|
+
}
|
8
|
+
// Since we are given 2 parameters, set the global variables.
|
9
|
+
@if $exclude != null {
|
10
|
+
$include: $section;
|
11
|
+
// Sass doesn't have static variables, so the work-around is to stuff these
|
12
|
+
// values into global variables so we can access them in future calls.
|
13
|
+
$_normalize-include: if(type-of($include) == 'list', $include, ($include)) !global;
|
14
|
+
$_normalize-exclude: if(type-of($exclude) == 'list', $exclude, ($exclude)) !global;
|
15
|
+
@return true;
|
16
|
+
}
|
17
|
+
|
5
18
|
// Check if $section is in the $include list.
|
6
19
|
@if index($_normalize-include, $section) {
|
7
20
|
@return true;
|
@@ -13,20 +26,9 @@ $_normalize-exclude: ();
|
|
13
26
|
@return false;
|
14
27
|
}
|
15
28
|
|
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
|
-
|
24
29
|
@mixin normalize($include: (all), $exclude: ()) {
|
25
|
-
//
|
26
|
-
|
27
|
-
// stuff them into global variables so can access them from a global function.
|
28
|
-
$_normalize-include: if(type-of($include) == 'list', $include, ($include)) !global;
|
29
|
-
$_normalize-exclude: if(type-of($exclude) == 'list', $exclude, ($exclude)) !global;
|
30
|
+
// Initialize the helper function by passing it this mixin's parameters.
|
31
|
+
$init: _normalize-include($include, $exclude);
|
30
32
|
|
31
33
|
// If we've customized any font variables, we'll need extra properties.
|
32
34
|
@if $base-font-size != 16px
|
@@ -37,32 +39,42 @@ $_normalize-exclude: ();
|
|
37
39
|
or $h3-font-size != 1.17 * $base-font-size
|
38
40
|
or $h4-font-size != 1 * $base-font-size
|
39
41
|
or $h5-font-size != 0.83 * $base-font-size
|
40
|
-
or $h6-font-size != 0.67 * $base-font-size
|
41
|
-
or $indent-amount != 40px {
|
42
|
+
or $h6-font-size != 0.67 * $base-font-size {
|
42
43
|
$normalize-vertical-rhythm: true !global;
|
43
44
|
}
|
44
45
|
|
45
46
|
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
|
46
47
|
|
47
|
-
@if _normalize-include(
|
48
|
+
@if _normalize-include(document) {
|
49
|
+
/* Document
|
50
|
+
========================================================================== */
|
51
|
+
|
48
52
|
/**
|
49
53
|
* 1. Change the default font family in all browsers (opinionated).
|
50
|
-
* 2.
|
54
|
+
* 2. Correct the line height in all browsers.
|
55
|
+
* 3. Prevent adjustments of font size after orientation changes in
|
56
|
+
* IE on Windows Phone and in iOS.
|
51
57
|
*/
|
52
58
|
|
53
59
|
html {
|
54
|
-
|
55
|
-
|
56
|
-
//
|
60
|
+
font-family: $base-font-family; /* 1 */
|
61
|
+
@if $normalize-vertical-rhythm {
|
62
|
+
// Correct old browser bug that prevented accessible resizing of text
|
63
|
+
// when root font-size is set with px or em.
|
57
64
|
font-size: ($base-font-size / 16px) * 100%;
|
65
|
+
line-height: ($base-line-height / $base-font-size) * 1em; /* 2 */
|
58
66
|
}
|
59
|
-
@
|
60
|
-
line-height:
|
67
|
+
@else {
|
68
|
+
line-height: 1.15; /* 2 */
|
61
69
|
}
|
62
|
-
|
63
|
-
-
|
64
|
-
-webkit-text-size-adjust: 100%; /* 2 */
|
70
|
+
-ms-text-size-adjust: 100%; /* 3 */
|
71
|
+
-webkit-text-size-adjust: 100%; /* 3 */
|
65
72
|
}
|
73
|
+
}
|
74
|
+
|
75
|
+
@if _normalize-include(sections) {
|
76
|
+
/* Sections
|
77
|
+
========================================================================== */
|
66
78
|
|
67
79
|
/**
|
68
80
|
* Remove the margin in all browsers (opinionated).
|
@@ -71,73 +83,174 @@ $_normalize-exclude: ();
|
|
71
83
|
body {
|
72
84
|
margin: 0;
|
73
85
|
}
|
74
|
-
}
|
75
|
-
|
76
|
-
@if _normalize-include(html5) {
|
77
|
-
/* HTML5 display definitions
|
78
|
-
========================================================================== */
|
79
86
|
|
80
87
|
/**
|
81
|
-
* Add the correct display in IE
|
82
|
-
* Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
|
83
|
-
* Add the correct display in IE for `main`.
|
88
|
+
* Add the correct display in IE 9-.
|
84
89
|
*/
|
85
90
|
|
86
91
|
article,
|
87
92
|
aside,
|
88
|
-
details,
|
89
|
-
figcaption,
|
90
|
-
figure,
|
91
93
|
footer,
|
92
94
|
header,
|
93
|
-
main,
|
94
|
-
menu,
|
95
95
|
nav,
|
96
|
-
section
|
97
|
-
summary {
|
96
|
+
section {
|
98
97
|
display: block;
|
99
98
|
}
|
100
99
|
|
101
100
|
/**
|
102
|
-
*
|
101
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
102
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
103
103
|
*/
|
104
104
|
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
105
|
+
h1 {
|
106
|
+
@include normalize-font-size($h1-font-size);
|
107
|
+
@if $normalize-vertical-rhythm {
|
108
|
+
@include normalize-line-height($h1-font-size);
|
109
|
+
}
|
110
|
+
|
111
|
+
@if $normalize-vertical-rhythm {
|
112
|
+
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
|
113
|
+
@include normalize-margin(1 0, $h1-font-size);
|
114
|
+
}
|
115
|
+
@else {
|
116
|
+
margin: 0.67em 0;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
@if $normalize-vertical-rhythm {
|
121
|
+
h2 {
|
122
|
+
@include normalize-font-size($h2-font-size);
|
123
|
+
@include normalize-line-height($h2-font-size);
|
124
|
+
@include normalize-margin(1 0, $h2-font-size);
|
125
|
+
}
|
126
|
+
|
127
|
+
h3 {
|
128
|
+
@include normalize-font-size($h3-font-size);
|
129
|
+
@include normalize-line-height($h3-font-size);
|
130
|
+
@include normalize-margin(1 0, $h3-font-size);
|
131
|
+
}
|
132
|
+
|
133
|
+
h4 {
|
134
|
+
@include normalize-font-size($h4-font-size);
|
135
|
+
@include normalize-line-height($h4-font-size);
|
136
|
+
@include normalize-margin(1 0, $h4-font-size);
|
137
|
+
}
|
138
|
+
|
139
|
+
h5 {
|
140
|
+
@include normalize-font-size($h5-font-size);
|
141
|
+
@include normalize-line-height($h5-font-size);
|
142
|
+
@include normalize-margin(1 0, $h5-font-size);
|
143
|
+
}
|
144
|
+
|
145
|
+
h6 {
|
146
|
+
@include normalize-font-size($h6-font-size);
|
147
|
+
@include normalize-line-height($h6-font-size);
|
148
|
+
@include normalize-margin(1 0, $h6-font-size);
|
149
|
+
}
|
150
|
+
}
|
151
|
+
}
|
152
|
+
|
153
|
+
@if _normalize-include(grouping) {
|
154
|
+
/* Grouping content
|
155
|
+
========================================================================== */
|
156
|
+
|
157
|
+
@if $normalize-vertical-rhythm {
|
158
|
+
/**
|
159
|
+
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
160
|
+
*/
|
161
|
+
|
162
|
+
blockquote {
|
163
|
+
@include normalize-margin(1 $indent-amount);
|
164
|
+
}
|
165
|
+
|
166
|
+
dl,
|
167
|
+
ol,
|
168
|
+
ul {
|
169
|
+
@include normalize-margin(1 0);
|
170
|
+
}
|
171
|
+
|
172
|
+
/**
|
173
|
+
* Turn off margins on nested lists.
|
174
|
+
*/
|
175
|
+
|
176
|
+
ol,
|
177
|
+
ul {
|
178
|
+
ol,
|
179
|
+
ul {
|
180
|
+
margin: 0;
|
181
|
+
}
|
182
|
+
}
|
183
|
+
|
184
|
+
dd {
|
185
|
+
margin: 0 0 0 $indent-amount;
|
186
|
+
}
|
187
|
+
|
188
|
+
ol,
|
189
|
+
ul {
|
190
|
+
padding: 0 0 0 $indent-amount;
|
113
191
|
}
|
114
192
|
}
|
115
193
|
|
116
194
|
/**
|
117
|
-
* Add the correct display
|
195
|
+
* Add the correct display in IE 9-.
|
118
196
|
*/
|
119
197
|
|
120
|
-
|
121
|
-
|
122
|
-
|
198
|
+
figcaption,
|
199
|
+
figure {
|
200
|
+
display: block;
|
123
201
|
}
|
124
202
|
|
125
203
|
/**
|
126
|
-
* Add the correct
|
204
|
+
* Add the correct margin in IE 8.
|
127
205
|
*/
|
128
206
|
|
129
|
-
|
130
|
-
vertical-
|
207
|
+
figure {
|
208
|
+
@if $normalize-vertical-rhythm {
|
209
|
+
@include normalize-margin(1 $indent-amount);
|
210
|
+
}
|
211
|
+
@else {
|
212
|
+
margin: 1em $indent-amount;
|
213
|
+
}
|
131
214
|
}
|
132
215
|
|
133
216
|
/**
|
134
|
-
* Add the correct
|
135
|
-
*
|
217
|
+
* 1. Add the correct box sizing in Firefox.
|
218
|
+
* 2. Show the overflow in Edge and IE.
|
136
219
|
*/
|
137
220
|
|
138
|
-
|
139
|
-
|
140
|
-
|
221
|
+
hr {
|
222
|
+
box-sizing: content-box; /* 1 */
|
223
|
+
height: 0; /* 1 */
|
224
|
+
overflow: visible; /* 2 */
|
225
|
+
}
|
226
|
+
|
227
|
+
/**
|
228
|
+
* Add the correct display in IE.
|
229
|
+
*/
|
230
|
+
|
231
|
+
main {
|
232
|
+
display: block;
|
233
|
+
}
|
234
|
+
|
235
|
+
@if $normalize-vertical-rhythm {
|
236
|
+
/**
|
237
|
+
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
238
|
+
*/
|
239
|
+
|
240
|
+
p,
|
241
|
+
pre {
|
242
|
+
@include normalize-margin(1 0);
|
243
|
+
}
|
244
|
+
}
|
245
|
+
|
246
|
+
/**
|
247
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
248
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
249
|
+
*/
|
250
|
+
|
251
|
+
pre {
|
252
|
+
font-family: monospace, monospace; /* 1 */
|
253
|
+
font-size: 1em; /* 2 */
|
141
254
|
}
|
142
255
|
}
|
143
256
|
|
@@ -171,7 +284,7 @@ $_normalize-exclude: ();
|
|
171
284
|
========================================================================== */
|
172
285
|
|
173
286
|
/**
|
174
|
-
* 1. Remove the bottom border in Firefox
|
287
|
+
* 1. Remove the bottom border in Firefox 39-.
|
175
288
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
176
289
|
*/
|
177
290
|
|
@@ -207,11 +320,12 @@ $_normalize-exclude: ();
|
|
207
320
|
code,
|
208
321
|
kbd,
|
209
322
|
samp {
|
210
|
-
|
323
|
+
font-family: monospace, monospace; /* 1 */
|
324
|
+
font-size: 1em; /* 2 */
|
211
325
|
}
|
212
326
|
|
213
327
|
/**
|
214
|
-
* Add the correct font style in Android
|
328
|
+
* Add the correct font style in Android 4.3-.
|
215
329
|
*/
|
216
330
|
|
217
331
|
dfn {
|
@@ -219,64 +333,7 @@ $_normalize-exclude: ();
|
|
219
333
|
}
|
220
334
|
|
221
335
|
/**
|
222
|
-
*
|
223
|
-
* `article` contexts in Chrome, Firefox, and Safari.
|
224
|
-
*/
|
225
|
-
|
226
|
-
h1 {
|
227
|
-
@include normalize-font-size($h1-font-size);
|
228
|
-
@if $normalize-vertical-rhythm {
|
229
|
-
@include normalize-line-height($h1-font-size);
|
230
|
-
}
|
231
|
-
|
232
|
-
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
|
233
|
-
@include normalize-margin(1 0, $h1-font-size);
|
234
|
-
}
|
235
|
-
|
236
|
-
@if $normalize-vertical-rhythm or support-for(ie, 7) {
|
237
|
-
h2 {
|
238
|
-
@include normalize-font-size($h2-font-size);
|
239
|
-
@if $normalize-vertical-rhythm {
|
240
|
-
@include normalize-line-height($h2-font-size);
|
241
|
-
}
|
242
|
-
@include normalize-margin(1 0, $h2-font-size);
|
243
|
-
}
|
244
|
-
|
245
|
-
h3 {
|
246
|
-
@include normalize-font-size($h3-font-size);
|
247
|
-
@if $normalize-vertical-rhythm {
|
248
|
-
@include normalize-line-height($h3-font-size);
|
249
|
-
}
|
250
|
-
@include normalize-margin(1 0, $h3-font-size);
|
251
|
-
}
|
252
|
-
|
253
|
-
h4 {
|
254
|
-
@include normalize-font-size($h4-font-size);
|
255
|
-
@if $normalize-vertical-rhythm {
|
256
|
-
@include normalize-line-height($h4-font-size);
|
257
|
-
}
|
258
|
-
@include normalize-margin(1 0, $h4-font-size);
|
259
|
-
}
|
260
|
-
|
261
|
-
h5 {
|
262
|
-
@include normalize-font-size($h5-font-size);
|
263
|
-
@if $normalize-vertical-rhythm {
|
264
|
-
@include normalize-line-height($h5-font-size);
|
265
|
-
}
|
266
|
-
@include normalize-margin(1 0, $h5-font-size);
|
267
|
-
}
|
268
|
-
|
269
|
-
h6 {
|
270
|
-
@include normalize-font-size($h6-font-size);
|
271
|
-
@if $normalize-vertical-rhythm {
|
272
|
-
@include normalize-line-height($h6-font-size);
|
273
|
-
}
|
274
|
-
@include normalize-margin(1 0, $h6-font-size);
|
275
|
-
}
|
276
|
-
}
|
277
|
-
|
278
|
-
/**
|
279
|
-
* Add the correct background and color in IE <10.
|
336
|
+
* Add the correct background and color in IE 9-.
|
280
337
|
*/
|
281
338
|
|
282
339
|
mark {
|
@@ -319,123 +376,37 @@ $_normalize-exclude: ();
|
|
319
376
|
========================================================================== */
|
320
377
|
|
321
378
|
/**
|
322
|
-
*
|
379
|
+
* Add the correct display in IE 9-.
|
323
380
|
*/
|
324
381
|
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
/* Improve image quality when scaled in IE 7. */
|
329
|
-
-ms-interpolation-mode: bicubic;
|
330
|
-
}
|
382
|
+
audio,
|
383
|
+
video {
|
384
|
+
display: inline-block;
|
331
385
|
}
|
332
386
|
|
333
387
|
/**
|
334
|
-
*
|
388
|
+
* Add the correct display in iOS 4-7.
|
335
389
|
*/
|
336
390
|
|
337
|
-
|
338
|
-
|
339
|
-
|
340
|
-
}
|
341
|
-
|
342
|
-
@if _normalize-include(grouping) {
|
343
|
-
/* Grouping content
|
344
|
-
========================================================================== */
|
345
|
-
|
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
|
-
|
355
|
-
/**
|
356
|
-
* Address margins set differently in IE 6/7.
|
357
|
-
*/
|
358
|
-
|
359
|
-
dl,
|
360
|
-
menu,
|
361
|
-
ol,
|
362
|
-
ul {
|
363
|
-
@include normalize-margin(1 0);
|
364
|
-
}
|
365
|
-
|
366
|
-
@if $normalize-vertical-rhythm {
|
367
|
-
/**
|
368
|
-
* Turn off margins on nested lists.
|
369
|
-
*/
|
370
|
-
|
371
|
-
ol,
|
372
|
-
ul {
|
373
|
-
ol,
|
374
|
-
ul {
|
375
|
-
margin: 0;
|
376
|
-
}
|
377
|
-
}
|
378
|
-
}
|
379
|
-
|
380
|
-
dd {
|
381
|
-
margin: 0 0 0 $indent-amount;
|
382
|
-
}
|
383
|
-
|
384
|
-
/**
|
385
|
-
* Address paddings set differently in IE 6/7.
|
386
|
-
*/
|
387
|
-
|
388
|
-
menu,
|
389
|
-
ol,
|
390
|
-
ul {
|
391
|
-
padding: 0 0 0 $indent-amount;
|
392
|
-
}
|
393
|
-
}
|
394
|
-
|
395
|
-
@if support-for(ie, 7) {
|
396
|
-
/**
|
397
|
-
* Correct list images handled incorrectly in IE 7.
|
398
|
-
*/
|
399
|
-
|
400
|
-
nav ul,
|
401
|
-
nav ol {
|
402
|
-
list-style: none;
|
403
|
-
list-style-image: none;
|
404
|
-
}
|
391
|
+
audio:not([controls]) {
|
392
|
+
display: none;
|
393
|
+
height: 0;
|
405
394
|
}
|
406
395
|
|
407
396
|
/**
|
408
|
-
*
|
397
|
+
* Remove the border on images inside links in IE 10-.
|
409
398
|
*/
|
410
399
|
|
411
|
-
|
412
|
-
|
400
|
+
img {
|
401
|
+
border-style: none;
|
413
402
|
}
|
414
403
|
|
415
404
|
/**
|
416
|
-
*
|
417
|
-
* 2. Show the overflow in Edge and IE.
|
405
|
+
* Hide the overflow in IE.
|
418
406
|
*/
|
419
407
|
|
420
|
-
|
421
|
-
|
422
|
-
height: 0; /* 1 */
|
423
|
-
overflow: visible; /* 2 */
|
424
|
-
}
|
425
|
-
|
426
|
-
@if $normalize-vertical-rhythm or support-for(ie, 7) {
|
427
|
-
/**
|
428
|
-
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
429
|
-
*/
|
430
|
-
|
431
|
-
p,
|
432
|
-
pre {
|
433
|
-
@include normalize-margin(1 0);
|
434
|
-
}
|
435
|
-
}
|
436
|
-
|
437
|
-
pre {
|
438
|
-
@include _normalize-monospace();
|
408
|
+
svg:not(:root) {
|
409
|
+
overflow: hidden;
|
439
410
|
}
|
440
411
|
}
|
441
412
|
|
@@ -444,40 +415,8 @@ $_normalize-exclude: ();
|
|
444
415
|
========================================================================== */
|
445
416
|
|
446
417
|
/**
|
447
|
-
*
|
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).
|
464
|
-
*/
|
465
|
-
|
466
|
-
@if support-for(ie, 7) {
|
467
|
-
/**
|
468
|
-
* Correct margin displayed oddly in IE 6/7.
|
469
|
-
*/
|
470
|
-
|
471
|
-
form {
|
472
|
-
margin: 0;
|
473
|
-
}
|
474
|
-
}
|
475
|
-
|
476
|
-
/**
|
477
|
-
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
418
|
+
* 1. Change the font styles in all browsers (opinionated).
|
478
419
|
* 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.
|
481
420
|
*/
|
482
421
|
|
483
422
|
button,
|
@@ -485,12 +424,15 @@ $_normalize-exclude: ();
|
|
485
424
|
optgroup,
|
486
425
|
select,
|
487
426
|
textarea {
|
488
|
-
font:
|
489
|
-
|
490
|
-
@if
|
491
|
-
|
492
|
-
|
427
|
+
font-family: $base-font-family; /* 1 */
|
428
|
+
font-size: 100%; /* 1 */
|
429
|
+
@if $normalize-vertical-rhythm {
|
430
|
+
line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
|
431
|
+
}
|
432
|
+
@else {
|
433
|
+
line-height: 1.15; /* 1 */
|
493
434
|
}
|
435
|
+
margin: 0; /* 2 */
|
494
436
|
}
|
495
437
|
|
496
438
|
/**
|
@@ -553,27 +495,17 @@ $_normalize-exclude: ();
|
|
553
495
|
|
554
496
|
input {
|
555
497
|
overflow: visible;
|
556
|
-
@if support-for(firefox, 29) {
|
557
|
-
// Firefox sets `line-height` using `!important` in the UA stylesheet.
|
558
|
-
line-height: normal;
|
559
|
-
}
|
560
498
|
}
|
561
499
|
|
562
500
|
/**
|
563
|
-
* 1. Add the correct box sizing in IE
|
564
|
-
* 2. Remove the padding in IE
|
565
|
-
* 3. Remove excess padding in IE 7.
|
566
|
-
* Known issue: excess padding remains in IE 6.
|
501
|
+
* 1. Add the correct box sizing in IE 10-.
|
502
|
+
* 2. Remove the padding in IE 10-.
|
567
503
|
*/
|
568
504
|
|
569
505
|
[type="checkbox"],
|
570
506
|
[type="radio"] {
|
571
507
|
box-sizing: border-box; /* 1 */
|
572
508
|
padding: 0; /* 2 */
|
573
|
-
@if support-for(ie, 7) {
|
574
|
-
*height: 13px; /* 3 */
|
575
|
-
*width: 13px; /* 3 */
|
576
|
-
}
|
577
509
|
}
|
578
510
|
|
579
511
|
/**
|
@@ -595,7 +527,7 @@ $_normalize-exclude: ();
|
|
595
527
|
outline-offset: -2px; /* 2 */
|
596
528
|
|
597
529
|
/**
|
598
|
-
* Remove the inner padding and cancel buttons in Chrome and Safari on
|
530
|
+
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
599
531
|
*/
|
600
532
|
|
601
533
|
&::-webkit-search-cancel-button,
|
@@ -604,15 +536,6 @@ $_normalize-exclude: ();
|
|
604
536
|
}
|
605
537
|
}
|
606
538
|
|
607
|
-
/**
|
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
539
|
/**
|
617
540
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
618
541
|
* 2. Change font properties to `inherit` in Safari.
|
@@ -638,27 +561,25 @@ $_normalize-exclude: ();
|
|
638
561
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
639
562
|
* 3. Remove the padding so developers are not caught out when they zero out
|
640
563
|
* `fieldset` elements in all browsers.
|
641
|
-
* 4. Correct alignment displayed oddly in IE 6/7.
|
642
564
|
*/
|
643
565
|
|
644
566
|
legend {
|
645
567
|
box-sizing: border-box; /* 1 */
|
646
568
|
display: table; /* 1 */
|
647
569
|
max-width: 100%; /* 1 */
|
648
|
-
white-space: normal; /* 1 */
|
649
|
-
color: inherit; /* 2 */
|
650
570
|
padding: 0; /* 3 */
|
651
|
-
|
652
|
-
|
653
|
-
}
|
571
|
+
color: inherit; /* 2 */
|
572
|
+
white-space: normal; /* 1 */
|
654
573
|
}
|
655
574
|
|
656
575
|
/**
|
657
|
-
*
|
576
|
+
* 1. Add the correct display in IE 9-.
|
577
|
+
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
658
578
|
*/
|
659
579
|
|
660
|
-
|
661
|
-
|
580
|
+
progress {
|
581
|
+
display: inline-block; /* 1 */
|
582
|
+
vertical-align: baseline; /* 2 */
|
662
583
|
}
|
663
584
|
|
664
585
|
/**
|
@@ -669,4 +590,87 @@ $_normalize-exclude: ();
|
|
669
590
|
overflow: auto;
|
670
591
|
}
|
671
592
|
}
|
593
|
+
|
594
|
+
@if _normalize-include(interactive) {
|
595
|
+
/* Interactive
|
596
|
+
========================================================================== */
|
597
|
+
|
598
|
+
/*
|
599
|
+
* Add the correct display in Edge, IE, and Firefox.
|
600
|
+
*/
|
601
|
+
|
602
|
+
details {
|
603
|
+
display: block;
|
604
|
+
}
|
605
|
+
|
606
|
+
/*
|
607
|
+
* Add the correct display in all browsers.
|
608
|
+
*/
|
609
|
+
|
610
|
+
summary {
|
611
|
+
display: list-item;
|
612
|
+
}
|
613
|
+
|
614
|
+
/*
|
615
|
+
* Add the correct display in IE 9-.
|
616
|
+
*/
|
617
|
+
|
618
|
+
menu {
|
619
|
+
display: block;
|
620
|
+
|
621
|
+
@if $normalize-vertical-rhythm {
|
622
|
+
/*
|
623
|
+
* 1. Set 1 unit of vertical rhythm on the top and bottom margin.
|
624
|
+
* 2. Set consistent space for the list style image.
|
625
|
+
*/
|
626
|
+
|
627
|
+
@include normalize-margin(1 0); /* 1 */
|
628
|
+
padding: 0 0 0 $indent-amount; /* 2 */
|
629
|
+
|
630
|
+
/**
|
631
|
+
* Turn off margins on nested lists.
|
632
|
+
*/
|
633
|
+
|
634
|
+
menu &,
|
635
|
+
ol &,
|
636
|
+
ul & {
|
637
|
+
margin: 0;
|
638
|
+
}
|
639
|
+
}
|
640
|
+
}
|
641
|
+
}
|
642
|
+
|
643
|
+
@if _normalize-include(scripting) {
|
644
|
+
/* Scripting
|
645
|
+
========================================================================== */
|
646
|
+
|
647
|
+
/**
|
648
|
+
* Add the correct display in IE 9-.
|
649
|
+
*/
|
650
|
+
|
651
|
+
canvas {
|
652
|
+
display: inline-block;
|
653
|
+
}
|
654
|
+
|
655
|
+
/**
|
656
|
+
* Add the correct display in IE.
|
657
|
+
*/
|
658
|
+
|
659
|
+
template {
|
660
|
+
display: none;
|
661
|
+
}
|
662
|
+
}
|
663
|
+
|
664
|
+
@if _normalize-include(hidden) {
|
665
|
+
/* Hidden
|
666
|
+
========================================================================== */
|
667
|
+
|
668
|
+
/**
|
669
|
+
* Add the correct display in IE 10-.
|
670
|
+
*/
|
671
|
+
|
672
|
+
[hidden] {
|
673
|
+
display: none;
|
674
|
+
}
|
675
|
+
}
|
672
676
|
}
|
@@ -24,11 +24,6 @@
|
|
24
24
|
@if unit($value) != 'px' {
|
25
25
|
@error "normalize-font-size() only supports px inputs. The typey library is better.";
|
26
26
|
}
|
27
|
-
// px fallback for IE 8 and earlier. Note: IE 9/10 don't understand rem
|
28
|
-
// in font shorthand, but font-size longhand is fine.
|
29
|
-
@if $base-unit == rem and support-for(ie, 8) {
|
30
|
-
font-size: $value;
|
31
|
-
}
|
32
27
|
font-size: normalize-rhythm($value, $relative-to);
|
33
28
|
}
|
34
29
|
|
@@ -43,19 +38,11 @@
|
|
43
38
|
}
|
44
39
|
|
45
40
|
$normalized-values: ();
|
46
|
-
$px-fallback: ();
|
47
|
-
|
48
41
|
@each $value in $value-list {
|
49
|
-
$px-value: $value;
|
50
42
|
@if unitless($value) and $value != 0 {
|
51
43
|
$value: $value * normalize-rhythm($base-line-height, $relative-to);
|
52
|
-
$px-value: $px-value * normalize-rhythm($base-line-height, $relative-to, px);
|
53
44
|
}
|
54
45
|
$normalized-values: append($normalized-values, $value, $sep);
|
55
|
-
$px-fallback: append($px-fallback, $px-value, $sep);
|
56
|
-
}
|
57
|
-
@if $base-unit == rem and support-for(ie, 8) {
|
58
|
-
#{$property}: $px-fallback;
|
59
46
|
}
|
60
47
|
#{$property}: $normalized-values;
|
61
48
|
}
|
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: 6.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-10-
|
11
|
+
date: 2016-10-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -42,7 +42,6 @@ files:
|
|
42
42
|
- normalize-scss.gemspec
|
43
43
|
- package.json
|
44
44
|
- sass/_normalize.scss
|
45
|
-
- sass/_support-for.scss
|
46
45
|
- sass/normalize/_import-now.scss
|
47
46
|
- sass/normalize/_normalize-mixin.scss
|
48
47
|
- sass/normalize/_variables.scss
|
@@ -67,7 +66,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
67
66
|
- !ruby/object:Gem::Version
|
68
67
|
version: '0'
|
69
68
|
requirements: []
|
70
|
-
rubyforge_project:
|
69
|
+
rubyforge_project: 6.0.0
|
71
70
|
rubygems_version: 2.6.4
|
72
71
|
signing_key:
|
73
72
|
specification_version: 4
|
data/sass/_support-for.scss
DELETED
@@ -1,64 +0,0 @@
|
|
1
|
-
// Support the last 4 versions of all browsers except IE.
|
2
|
-
$support-for: (
|
3
|
-
chrome: -4,
|
4
|
-
edge: 25, // Current Windows Server & Xbox One version.
|
5
|
-
firefox: 45, // Version 45 has "extended support" until June 13, 2017.
|
6
|
-
ie: 9,
|
7
|
-
opera: -4,
|
8
|
-
safari: -4,
|
9
|
-
'*': -4,
|
10
|
-
) !default;
|
11
|
-
|
12
|
-
// Set the current version number for all browsers. As of: 2016-10-17
|
13
|
-
$support-for-current-browser-version: (
|
14
|
-
chrome: 54, // https://en.wikipedia.org/wiki/Google_Chrome_release_history
|
15
|
-
edge: 38, // https://en.wikipedia.org/wiki/Microsoft_Edge
|
16
|
-
firefox: 49, // https://en.wikipedia.org/wiki/Firefox_version_history#Firefox_45.4_ESR
|
17
|
-
ie: 11, // https://en.wikipedia.org/wiki/Internet_Explorer_versions
|
18
|
-
opera: 40, // https://en.wikipedia.org/wiki/Opera_(web_browser)
|
19
|
-
safari: 10, // https://en.wikipedia.org/wiki/Safari_version_history
|
20
|
-
) !default;
|
21
|
-
|
22
|
-
|
23
|
-
// support-for()
|
24
|
-
//
|
25
|
-
// Determines if the project has declared a minimum supported version number for
|
26
|
-
// the specified browser.
|
27
|
-
//
|
28
|
-
// If configured, this is a wrapper function that uses Compass'
|
29
|
-
// support-legacy-browser().
|
30
|
-
// @see http://compass-style.org/reference/compass/support/#function-support-legacy-browser
|
31
|
-
//
|
32
|
-
@function support-for($browser, $version) {
|
33
|
-
// Ensure $version is an integer (or null).
|
34
|
-
@if not (type-of($version) == "null" or type-of($version) == "number" and round($version) == $version) {
|
35
|
-
@error "The $version parameter of support-for() must be an integer; #{type-of($version)} given.";
|
36
|
-
}
|
37
|
-
|
38
|
-
// Check against declared minimums.
|
39
|
-
$min-version: null;
|
40
|
-
@if map-has-key($support-for, $browser) {
|
41
|
-
$min-version: map-get($support-for, $browser);
|
42
|
-
}
|
43
|
-
@else if map-has-key($support-for, '*') {
|
44
|
-
$min-version: map-get($support-for, '*');
|
45
|
-
}
|
46
|
-
|
47
|
-
// Ensure $min-version is an integer (or null).
|
48
|
-
@if type-of($min-version) != "null" and type-of($min-version) != "number" {
|
49
|
-
@error "$support-for: (#{$browser}: #{$min-version}) must be set to an integer (or null); #{$min-version} is a #{type-of($min-version)}.";
|
50
|
-
}
|
51
|
-
@elseif type-of($min-version) == "number" and round($min-version) != $min-version {
|
52
|
-
@error "$support-for: (#{$browser}: #{$min-version}) must be set to an integer (or null); #{$min-version} is not an integer.";
|
53
|
-
}
|
54
|
-
|
55
|
-
// Negative $min-version means "X most recent versions".
|
56
|
-
@if type-of($min-version) == "number" and $min-version < 0 {
|
57
|
-
@if not map-has-key($support-for-current-browser-version, $browser) {
|
58
|
-
@error "#{$browser} not found in $support-for-current-browser-version map; it must be set to an integer.";
|
59
|
-
}
|
60
|
-
$min-version: map-get($support-for-current-browser-version, $browser) + $min-version + 1;
|
61
|
-
}
|
62
|
-
|
63
|
-
@return if(($min-version and ($version >= $min-version)), true, false);
|
64
|
-
}
|