normalize-scss 5.0.4 → 6.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|