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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 505830cfe6634d5234f1b5e20cd364c1b9e5666f
4
- data.tar.gz: 65adc9361504ad3aeb8fe31537d744c850aee1a1
3
+ metadata.gz: dc665af8ff46726afa0b2ed71e9174472b77f30c
4
+ data.tar.gz: 5a9fbc319a173b71d9e229d9994d49c3def79459
5
5
  SHA512:
6
- metadata.gz: 1b39f1863a10dcb3fc690d8166926f257f009b171e54ced591e3e9cfb53fcadfc7320a43a68a08ed3bb4e538bbfc79751c8e41827c5fb825109d1ba7edff5cfe
7
- data.tar.gz: 58c7f892fa5f433c546d571b26f39d1cc56de4708f940f380f0561112defa9c2b8a9052bda8c1ae67c5d4ada2864951c73c55233ec38cfe2fdc761a0d8622892
6
+ metadata.gz: 9b1f429480989b81205a11e91ad8812a26fe34f06a468ede019cec3ef42f2d6bc7b6931e89f65ba578719dfd46e7a89487929b8bdfb3891190067ab96cbf8e15
7
+ data.tar.gz: 796ee6abfeedeb720c54cf27ab0f9760fd7750c5905391da7202c9c101fb14fcf605642430a8032f3db6339ef99c3928223435dd286e2271a6002862663146ce
data/LICENSE.md CHANGED
@@ -1,4 +1,4 @@
1
- Copyright (c) Nicolas Gallagher and Jonathan Neal and John Albin Wilkins
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 | [5.0.4](https://github.com/JohnAlbin/normalize-scss/releases/tag/5.0.4)<br> combining normalize.css v4.1.1 with v1.1.3
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
- 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
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 utilizes:
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
- 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
-
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/ruby-sass-compass](fork-versions/ruby-sass-compass) - Fork for Ruby Sass with Compass
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. Import with `@import "normalize";`
71
- 3. Output the CSS rules with `@include normalize();`
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. Import with `@import "normalize/import-now";`
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 two)
83
- * Edge (last two)
84
- * Firefox (last two)
78
+ * Chrome (last four)
79
+ * Edge (version 25 and later)
80
+ * Firefox (last four)
85
81
  * Firefox ESR
86
- * Internet Explorer 6+
87
- * Opera (last two)
88
- * Safari 6+
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
 
@@ -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 = '5.0.4'
13
- spec.date = '2016-10-17'
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']
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "normalize-scss",
3
- "version": "5.0.4",
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
  }
@@ -1,4 +1,3 @@
1
- @import 'support-for';
2
1
  @import 'normalize/variables';
3
2
  @import 'normalize/vertical-rhythm';
4
3
  @import 'normalize/normalize-mixin';
@@ -1,7 +1,20 @@
1
1
  // Helper function for the normalize() mixin.
2
- $_normalize-include: ();
3
- $_normalize-exclude: ();
4
- @function _normalize-include($section) {
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
- // If we had local functions, we could access our parameters inside the
26
- // function without passing them in as parameters. The hacky work-around is to
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(root) {
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. Prevent adjustments of font size after orientation changes in IE and iOS.
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
- @if $normalize-vertical-rhythm or support-for(ie, 7) {
55
- // Correct text resizing oddly in IE 6/7 when body `font-size` is set using
56
- // `em` units.
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
- @if $normalize-vertical-rhythm {
60
- line-height: ($base-line-height / $base-font-size) * 1em;
67
+ @else {
68
+ line-height: 1.15; /* 2 */
61
69
  }
62
- font-family: $base-font-family; /* 1 */
63
- -ms-text-size-adjust: 100%; /* 2 */
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 <10.
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
- * Add the correct display in IE <10.
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
- audio,
106
- canvas,
107
- progress,
108
- video {
109
- display: inline-block;
110
- @if support-for(ie, 7) {
111
- *display: inline;
112
- *zoom: 1;
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 and remove excess height in iOS 4-7.
195
+ * Add the correct display in IE 9-.
118
196
  */
119
197
 
120
- audio:not([controls]) {
121
- display: none;
122
- height: 0;
198
+ figcaption,
199
+ figure {
200
+ display: block;
123
201
  }
124
202
 
125
203
  /**
126
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
204
+ * Add the correct margin in IE 8.
127
205
  */
128
206
 
129
- progress {
130
- vertical-align: baseline;
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 display in IE <11, Safari <8, and Firefox <22.
135
- * 1. Add the correct display in IE.
217
+ * 1. Add the correct box sizing in Firefox.
218
+ * 2. Show the overflow in Edge and IE.
136
219
  */
137
220
 
138
- template, /* 1 */
139
- [hidden] {
140
- display: none;
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 <40.
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
- @include _normalize-monospace();
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 <4.4.
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
- * Correct the font size and margin on `h1` elements within `section` and
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
- * Remove the border on images inside links in IE <11.
379
+ * Add the correct display in IE 9-.
323
380
  */
324
381
 
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;
330
- }
382
+ audio,
383
+ video {
384
+ display: inline-block;
331
385
  }
332
386
 
333
387
  /**
334
- * Hide the overflow in IE.
388
+ * Add the correct display in iOS 4-7.
335
389
  */
336
390
 
337
- svg:not(:root) {
338
- overflow: hidden;
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
- * Add the correct margin in IE 8.
397
+ * Remove the border on images inside links in IE 10-.
409
398
  */
410
399
 
411
- figure {
412
- @include normalize-margin(1 $indent-amount);
400
+ img {
401
+ border-style: none;
413
402
  }
414
403
 
415
404
  /**
416
- * 1. Add the correct box sizing in Firefox.
417
- * 2. Show the overflow in Edge and IE.
405
+ * Hide the overflow in IE.
418
406
  */
419
407
 
420
- hr {
421
- box-sizing: content-box; /* 1 */
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
- * 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).
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: inherit; /* 1 */
489
- margin: 0; /* 2 */
490
- @if support-for(ie, 7) {
491
- *font-family: $base-font-family; /* 3 */
492
- *vertical-align: middle; /* 4 */
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 <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.
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 OS X.
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
- @if support-for(ie, 7) {
652
- *margin-left: -7px; /* 4 */
653
- }
571
+ color: inherit; /* 2 */
572
+ white-space: normal; /* 1 */
654
573
  }
655
574
 
656
575
  /**
657
- * Restore the font weight unset by a previous rule.
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
- optgroup {
661
- font-weight: bold;
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: 5.0.4
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-17 00:00:00.000000000 Z
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: 5.0.4
69
+ rubyforge_project: 6.0.0
71
70
  rubygems_version: 2.6.4
72
71
  signing_key:
73
72
  specification_version: 4
@@ -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
- }