Merge pull request #539 from necolas/v4

4.0.0
This commit is contained in:
Jonathan Neal 2016-03-19 17:21:27 -04:00
commit d311749e12
10 changed files with 376 additions and 321 deletions

12
.editorconfig Normal file
View File

@ -0,0 +1,12 @@
root = true
[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
trim_trailing_whitespace = false

View File

@ -1,34 +0,0 @@
{
"rules": {
"block-closing-brace-newline-after": "always",
"block-closing-brace-newline-before": "always",
"block-no-empty": true,
"block-opening-brace-newline-after": "always",
"block-opening-brace-space-before": "always",
"color-hex-case": "lower",
"color-hex-length": "short",
"color-no-invalid-hex": true,
"comment-empty-line-before": "always",
"comment-whitespace-inside": "always",
"declaration-block-no-single-line": true,
"declaration-block-semicolon-newline-after": "always",
"declaration-block-semicolon-space-before": "never",
"declaration-colon-space-after": "always",
"declaration-colon-space-before": "never",
"indentation": 2,
"max-empty-lines": 1,
"max-line-length": 80,
"no-eol-whitespace": true,
"no-missing-eof-newline": true,
"number-leading-zero": "always",
"number-no-trailing-zeros": true,
"rule-trailing-semicolon": "always",
"selector-combinator-space-after": "always",
"selector-combinator-space-before": "always",
"selector-list-comma-newline-after": "always",
"selector-list-comma-space-before": "never",
"string-quotes": "double",
"value-list-comma-space-after": "always",
"value-list-comma-space-before": "never"
}
}

View File

@ -1,31 +1,50 @@
=== HEAD # Changes to normalize.css
* Address inconsistent styling of b and strong. ### 4.0.0 (March 19, 2016)
* Correct `hr` overflow in IE 8/9/10/11 and Edge 12.
* Ensure `mark` long-hand background declaration usage. * Add the correct font weight for `b` and `strong` in Chrome, Edge, and Safari.
* Remove color inheritance from form controls. * Correct inconsistent `overflow` for `hr` in Edge and IE.
* Address inconsistent styling of abbr[title]. * Correct inconsistent `box-sizing` for `hr` in Firefox.
* Correct inheritance and scaling of font-size for preformatted text. * Correct inconsistent `text-decoration` and `border-bottom` for `abbr[title]`
* Replace focus style removed in the border reset in Firefox 4+. in Chrome, Edge, Firefox IE, Opera, and Safari.
* Correct inheritance and scaling of `font-size` for preformatted text.
* Correct `legend` text wrapping not present in Edge and IE.
* Remove unnecessary normalization of `line-height` for `input`.
* Remove unnecessary normalization of `color` for form controls.
* Remove unnecessary `box-sizing` for `input[type="search"]` in Chrome, Edge,
Firefox, IE, and Safari.
* Remove opinionated table resets. * Remove opinionated table resets.
* Remove opinionated `pre` overflow.
* Remove selector weight from some input selectors.
* Update normalization of `border-style` for `img`.
* Update normalization of `color` inheritance for `legend`.
* Update normalization of `background-color` for `mark`.
* Update normalization of `outline` for `:-moz-focusring` removed by a previous
normalization in Firefox.
* Update opinionated style of `outline-width` for `a:active` and `a:hover`.
* Update comments to identify opinionated styles.
* Update comments to specify browser/versions affected by all changes.
* Update comments to use one voice.
=== 3.0.3 (March 30, 2015) ---
### 3.0.3 (March 30, 2015)
* Remove unnecessary vendor prefixes. * Remove unnecessary vendor prefixes.
* Add `main` property. * Add `main` property.
=== 3.0.2 (October 4, 2014) ### 3.0.2 (October 4, 2014)
* Only alter `background-color` of links in IE 10. * Only alter `background-color` of links in IE 10.
* Add `menu` element to HTML5 display definitions. * Add `menu` element to HTML5 display definitions.
=== 3.0.1 (March 27, 2014) ### 3.0.1 (March 27, 2014)
* Add package.json for npm support. * Add package.json for npm support.
=== 3.0.0 (January 28, 2014) ### 3.0.0 (January 28, 2014)
=== 3.0.0-rc.1 (January 26, 2014) ### 3.0.0-rc.1 (January 26, 2014)
* Explicit tests for each normalization. * Explicit tests for each normalization.
* Fix i18n for `q` element. * Fix i18n for `q` element.
@ -41,21 +60,23 @@
* Set correct display for `progress` in IE 8/9. * Set correct display for `progress` in IE 8/9.
* Fix `font` and `color` inheritance for forms. * Fix `font` and `color` inheritance for forms.
=== 2.1.3 (August 26, 2013) ---
### 2.1.3 (August 26, 2013)
* Fix component.json. * Fix component.json.
* Remove the gray background color from active links in IE 10. * Remove the gray background color from active links in IE 10.
=== 2.1.2 (May 11, 2013) ### 2.1.2 (May 11, 2013)
* Revert root `color` and `background` normalizations. * Revert root `color` and `background` normalizations.
=== 2.1.1 (April 8, 2013) ### 2.1.1 (April 8, 2013)
* Normalize root `color` and `background` to counter the effects of system * Normalize root `color` and `background` to counter the effects of system
color schemes. color schemes.
=== 2.1.0 (January 21, 2013) ### 2.1.0 (January 21, 2013)
* Normalize `text-transform` for `button` and `select`. * Normalize `text-transform` for `button` and `select`.
* Normalize `h1` margin when within HTML5 sectioning elements. * Normalize `h1` margin when within HTML5 sectioning elements.
@ -64,11 +85,11 @@
* Add `main` element to HTML5 display definitions. * Add `main` element to HTML5 display definitions.
* Fix cursor style for disabled button `input`. * Fix cursor style for disabled button `input`.
=== 2.0.1 (August 20, 2012) ### 2.0.1 (August 20, 2012)
* Remove stray IE 6/7 `inline-block` hack from HTML5 display settings. * Remove stray IE 6/7 `inline-block` hack from HTML5 display settings.
=== 2.0.0 (August 19, 2012) ### 2.0.0 (August 19, 2012)
* Remove legacy browser form normalizations. * Remove legacy browser form normalizations.
* Remove all list normalizations. * Remove all list normalizations.
@ -77,19 +98,21 @@
* Form elements automatically inherit `font-family` from ancestor. * Form elements automatically inherit `font-family` from ancestor.
* Drop support for IE 6/7, Firefox < 4, and Safari < 5. * Drop support for IE 6/7, Firefox < 4, and Safari < 5.
=== 1.0.1 (August 19, 2012) ---
### 1.0.1 (August 19, 2012)
* Adjust `small` font size normalization. * Adjust `small` font size normalization.
=== 1.0.0 (August 14, 2012) ### 1.0.0 (August 14, 2012)
(Only the notable changes since public release) (Only the notable changes since public release)
* Add MIT License. * Add MIT License.
* Hide `audio` elements without controls in iOS 5 (#69). * Hide `audio` elements without controls in iOS 5.
* Normalize heading margins and font size. * Normalize heading margins and font size.
* Move font-family normalization from `body` to `html` (#62). * Move font-family normalization from `body` to `html`.
* Remove scrollbar normalization (#64 #65). * Remove scrollbar normalization.
* Remove excess padding from checkbox and radio inputs in IE 7 (#42). * Remove excess padding from checkbox and radio inputs in IE 7.
* Add IE9 correction for SVG overflow (#16). * Add IE9 correction for SVG overflow.
* Add fix for legend not inheriting color in IE 6/7/8/9. * Add fix for legend not inheriting color in IE 6/7/8/9.

View File

@ -21,7 +21,6 @@ requests](#pull-requests), but please respect the following restrictions:
respect the opinions of others. respect the opinions of others.
<a name="bugs"></a>
## Bug reports ## Bug reports
A bug is a _demonstrable problem_ that is caused by the code in the repository. A bug is a _demonstrable problem_ that is caused by the code in the repository.
@ -64,7 +63,6 @@ Example:
> merits). > merits).
<a name="features"></a>
## Feature requests ## Feature requests
Feature requests are welcome. But take a moment to find out whether your idea Feature requests are welcome. But take a moment to find out whether your idea
@ -73,7 +71,6 @@ case to convince the project's developers of the merits of this feature. Please
provide as much detail and context as possible. provide as much detail and context as possible.
<a name="pull-requests"></a>
## Pull requests ## Pull requests
Good pull requests - patches, improvements, new features - are a fantastic Good pull requests - patches, improvements, new features - are a fantastic
@ -90,7 +87,7 @@ accurate comments, etc.) and any other requirements (such as test coverage).
Follow this process if you'd like your work considered for inclusion in the Follow this process if you'd like your work considered for inclusion in the
project: project:
1. [Fork](http://help.github.com/fork-a-repo/) the project, clone your fork, 1. [Fork](https://help.github.com/articles/fork-a-repo/) the project, clone your fork,
and configure the remotes: and configure the remotes:
```bash ```bash
@ -122,9 +119,19 @@ project:
[interactive rebase](https://help.github.com/articles/interactive-rebase) [interactive rebase](https://help.github.com/articles/interactive-rebase)
feature to tidy up your commits before making them public. feature to tidy up your commits before making them public.
Make sure to add a test to the `test.html` file if appropriate, and test Be sure to test the `normalize.css` file for style conformance.
```bash
npm test
```
Be sure to add a test to the `test.html` file if appropriate, and test
your change in all supported browsers. your change in all supported browsers.
```bash
git pull --rebase upstream master
```
5. Locally rebase the upstream development branch into your topic branch: 5. Locally rebase the upstream development branch into your topic branch:
```bash ```bash
@ -146,8 +153,24 @@ project:
**IMPORTANT**: By submitting a patch, you agree to allow the project owner to **IMPORTANT**: By submitting a patch, you agree to allow the project owner to
license your work under the same license as that used by the project. license your work under the same license as that used by the project.
### CSS Conventions
Keep the CSS file as readable as possible by following these guidelines:
- Comments are short and to the point.
- Comments without a number reference the entire rule.
- Comments describe the selector when the selector does not make the
normalization obvious.
- Comments begin with “Correct the...” when they deal with less obvious side
effects.
- Rules are sorted by cascade, specificity, and then alphabetic order.
- Selectors are sorted by specificity and then alphabetic order.
- `in browser` applies to all versions.
- `in browser v-` applies to all versions up to and including the version.
- `in browser v+` applies to all versions after and including the version.
- `in browser v-v` applies to all versions including and between the versions.
<a name="maintainers"></a>
## Maintainers ## Maintainers
If you have commit access, please follow this process for merging patches and If you have commit access, please follow this process for merging patches and
@ -175,3 +198,14 @@ cutting new releases.
4. Create an annotated tag for the version: `git tag -m "v0.0.0" 0.0.0`. 4. Create an annotated tag for the version: `git tag -m "v0.0.0" 0.0.0`.
5. Push the changes and tags to GitHub: `git push --tags origin master` 5. Push the changes and tags to GitHub: `git push --tags origin master`
6. Checkout the `gh-pages` branch and follow the instructions in the README. 6. Checkout the `gh-pages` branch and follow the instructions in the README.
### Semver strategy
[Semver](http://semver.org/) is a widely accepted method for deciding how
version numbers are incremented in a project. Versions are written as
MAJOR.MINOR.PATCH.
Changes limited to fallback declarations for browsers which do not support
newer features produce a PATCH release.
Changes limited to normalizations for older browsers produce a MINOR release.

View File

@ -1,4 +1,6 @@
Copyright (c) Nicolas Gallagher and Jonathan Neal # The MIT License (MIT)
Copyright © Nicolas Gallagher and Jonathan Neal
Permission is hereby granted, free of charge, to any person obtaining a copy of Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in this software and associated documentation files (the "Software"), to deal in

107
README.md
View File

@ -1,26 +1,36 @@
# normalize.css v3 # normalize.css
Normalize.css is a customisable CSS file that makes browsers render all <a href="https://github.com/necolas/normalize.css"><img
elements more consistently and in line with modern standards. src="https://necolas.github.io/normalize.css/logo.svg" alt="Normalize Logo"
width="80" height="80" align="right"></a>
The project relies on researching the differences between default browser > A modern alternative to CSS resets
styles in order to precisely target only the styles that need or benefit from
normalizing.
[View the test file](http://necolas.github.io/normalize.css/latest/test.html) [![npm][npm-image]][npm-url] [![license][license-image]][license-url]
[![changelog][changelog-image]][changelog-url]
[![gitter][gitter-image]][gitter-url]
## Install
* [npm](http://npmjs.org/): `npm install --save normalize.css` **NPM**
* [Bower](http://bower.io/): `bower install --save
https://github.com/necolas/normalize.css.git`
* [cdnjs](https://cdnjs.com/libraries/normalize)
* [Download](http://necolas.github.io/normalize.css/latest/normalize.css).
No other styles should come before Normalize.css. ```sh
npm install --save normalize.css
```
**Bower**
```sh
bower install --save normalize-css
```
**CDN**
See https://cdnjs.com/libraries/normalize
**Download**
See https://necolas.github.io/normalize.css/latest/normalize.css
It is recommended that you include the `normalize.css` file as untouched
library code.
## What does it do? ## What does it do?
@ -30,21 +40,23 @@ library code.
* Improves usability with subtle improvements. * Improves usability with subtle improvements.
* Explains what code does using detailed comments. * Explains what code does using detailed comments.
## Browser support ## Browser support
* Chrome (latest) * Chrome (last two)
* Edge (latest) * Edge (last two)
* Firefox (latest) * Firefox (last two)
* Firefox ESR * Firefox ESR
* Internet Explorer 8+ * Internet Explorer 8+
* Opera (latest) * Opera (last two)
* Safari 6+ * Safari 6+
[Normalize.css v1 provides legacy browser *[Normalize.css v1 provides legacy browser support]
support](https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+), (https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
but is no longer actively developed. but is no longer actively developed.*
## Extended details
## Extended details and known issues
Additional detail and explanation of the esoteric parts of normalize.css. Additional detail and explanation of the esoteric parts of normalize.css.
@ -52,21 +64,37 @@ Additional detail and explanation of the esoteric parts of normalize.css.
The `font-family: monospace, monospace` hack fixes the inheritance and scaling The `font-family: monospace, monospace` hack fixes the inheritance and scaling
of font-size for preformatted text. The duplication of `monospace` is of font-size for preformatted text. The duplication of `monospace` is
intentional. [Source](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59). intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
#### `sub, sup` #### `sub, sup`
Normally, using `sub` or `sup` affects the line-box height of text in all Normally, using `sub` or `sup` affects the line-box height of text in all
browsers. [Source](http://gist.github.com/413930). browsers. [Source](https://gist.github.com/413930).
#### `svg:not(:root)` #### `svg:not(:root)`
Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE
don't support SVG, so we can safely use the `:not()` and `:root` selectors that don't support SVG, so we can safely use the `:not()` and `:root` selectors that
modern browsers use in the default UA stylesheets to apply this style. [SVG modern browsers use in the default UA stylesheets to apply this style. [Source]
Mailing List discussion](http://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html) (https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html).
#### `input[type="search"]` #### `select`
By default, Chrome on OS X and Safari on OS X allow very limited styling of
`select`, unless a border property is set. The default font weight on `optgroup`
elements cannot safely be changed in Chrome on OSX and Safari on OS X.
#### `[type="checkbox"]`
It is recommended that you do not style checkbox and radio inputs as Firefox's
implementation does not respect box-sizing, padding, or width.
#### `[type="number"]`
Certain font size values applied to number inputs cause the cursor style of the
decrement button to change from `default` to `text`.
#### `[type="search"]`
The search input is not fully stylable by default. In Chrome and Safari on The search input is not fully stylable by default. In Chrome and Safari on
OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
@ -74,18 +102,27 @@ Chrome and Safari on Windows you can't control `border` properly. It will apply
`border-width` but will only show a border color (which cannot be controlled) `border-width` but will only show a border color (which cannot be controlled)
for the outer 1px of that border. Applying `-webkit-appearance: textfield` for the outer 1px of that border. Applying `-webkit-appearance: textfield`
addresses these issues without removing the benefits of search inputs (e.g. addresses these issues without removing the benefits of search inputs (e.g.
showing past searches). showing past searches). Safari (but not Chrome) will clip the cancel button on
when it has padding (and `textfield` appearance).
#### `legend`
Adding `border: 0` corrects an IE 811 bug where `color` (yes, `color`) is not
inherited by `legend`.
## Contributing ## Contributing
Please read the [contribution guidelines](CONTRIBUTING.md). Please read the [contribution guidelines](CONTRIBUTING.md) in order to make the
contribution process easy and effective for everyone involved.
## Acknowledgements ## Acknowledgements
Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas), Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),
co-created with [Jonathan Neal](https://github.com/jonathantneal). co-created with [Jonathan Neal](https://github.com/jonathantneal).
[changelog-image]: https://img.shields.io/badge/changelog-md-blue.svg?style=flat-square
[changelog-url]: CHANGELOG.md
[license-image]: https://img.shields.io/npm/l/normalize.css.svg?style=flat-square
[license-url]: LICENSE.md
[npm-image]: https://img.shields.io/npm/v/normalize.css.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/normalize.css
[gitter-image]: https://img.shields.io/badge/chat-gitter-blue.svg?style=flat-square
[gitter-url]: https://gitter.im/necolas/normalize.css

17
bower.json Normal file
View File

@ -0,0 +1,17 @@
{
"name": "normalize-css",
"description": "A modern alternative to CSS resets",
"main": "normalize.css",
"authors": [
"Jonathan Neal <jonathantneal@hotmail.com> (http://jonathantneal.com/)",
"Nicolas Gallagher <nicolas@nicolasgallagher.com> (http://nicolasgallagher.com/)"
],
"license": "MIT",
"ignore": [
"CHANGELOG.md",
"CONTRIBUTING.md",
"package.json",
"README.md",
"test.html"
]
}

319
normalize.css vendored
View File

@ -1,9 +1,8 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/** /**
* 1. Set default font family to sans-serif (opinionated). * 1. Change the default font family in all browsers (opinionated).
* 2. Prevent iOS and IE text size adjust after device orientation change, * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
* without disabling user zoom.
*/ */
html { html {
@ -13,7 +12,7 @@ html {
} }
/** /**
* Remove default margin (opinionated). * Remove the margin in all browsers (opinionated).
*/ */
body { body {
@ -24,42 +23,39 @@ body {
========================================================================== */ ========================================================================== */
/** /**
* Correct `block` display not defined for any HTML5 element in IE 8/9. * Add the correct display in IE 9-.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 * 1. Add the correct display in Edge, IE, and Firefox.
* and Firefox. * 2. Add the correct display in IE.
* Correct `block` display not defined for `main` in IE 11.
*/ */
article, article,
aside, aside,
details, details, /* 1 */
figcaption, figcaption,
figure, figure,
footer, footer,
header, header,
main, main, /* 2 */
menu, menu,
nav, nav,
section, section,
summary { summary { /* 1 */
display: block; display: block;
} }
/** /**
* 1. Correct `inline-block` display not defined in IE 8/9. * Add the correct display in IE 9-.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/ */
audio, audio,
canvas, canvas,
progress, progress,
video { video {
display: inline-block; /* 1 */ display: inline-block;
vertical-align: baseline; /* 2 */
} }
/** /**
* Prevent displaying `audio` without controls in Mobile Safari 4/5/6/7. * Add the correct display in iOS 4-7.
*/ */
audio:not([controls]) { audio:not([controls]) {
@ -68,12 +64,20 @@ audio:not([controls]) {
} }
/** /**
* Address `[hidden]` styling not present in IE 8/9/10. * Add the correct vertical alignment in Chrome, Firefox, and Opera.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/ */
[hidden], progress {
template { vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none; display: none;
} }
@ -81,7 +85,7 @@ template {
========================================================================== */ ========================================================================== */
/** /**
* Remove the gray background color from active links in IE 10. * Remove the gray background on active links in IE 10.
*/ */
a { a {
@ -89,8 +93,8 @@ a {
} }
/** /**
* Improve readability of focused elements when they are also in an * Remove the outline on focused links when they are also active or hovered
* active/hover state (opinionated). * in all browsers (opinionated).
*/ */
a:active, a:active,
@ -102,9 +106,8 @@ a:hover {
========================================================================== */ ========================================================================== */
/** /**
* Address inconsistent styling of `abbr[title]`. * 1. Remove the bottom border in Firefox 39-.
* 1. Correct styling in Firefox 39 and Opera 12. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
*/ */
abbr[title] { abbr[title] {
@ -114,23 +117,25 @@ abbr[title] {
} }
/** /**
* Address inconsistent styling of b and strong. * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
* 1. Correct duplicate application of `bolder` in Safari 6.0.2.
* 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
*/ */
b, b,
strong { strong {
font-weight: inherit; /* 1 */ font-weight: inherit;
}
b,
strong {
font-weight: bolder; /* 2 */
} }
/** /**
* Address styling not present in Android < 4.4. * Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/ */
dfn { dfn {
@ -138,8 +143,8 @@ dfn {
} }
/** /**
* Address variable `h1` font-size and margin within `section` and `article` * Correct the font size and margin on `h1` elements within `section` and
* contexts in Firefox 4+, Safari, and Chrome. * `article` contexts in Chrome, Firefox, and Safari.
*/ */
h1 { h1 {
@ -148,7 +153,7 @@ h1 {
} }
/** /**
* Address styling not present in IE 8/9. * Add the correct background and color in IE 9-.
*/ */
mark { mark {
@ -157,7 +162,7 @@ mark {
} }
/** /**
* Address inconsistent and variable font size in all browsers. * Add the correct font size in all browsers.
*/ */
small { small {
@ -165,7 +170,8 @@ small {
} }
/** /**
* Prevent `sub` and `sup` affecting `line-height` in all browsers. * Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/ */
sub, sub,
@ -176,19 +182,19 @@ sup {
vertical-align: baseline; vertical-align: baseline;
} }
sup {
top: -0.5em;
}
sub { sub {
bottom: -0.25em; bottom: -0.25em;
} }
sup {
top: -0.5em;
}
/* Embedded content /* Embedded content
========================================================================== */ ========================================================================== */
/** /**
* Correct border-style given when inside `a` element in IE 8/9/10. * Remove the border on images inside links in IE 10-.
*/ */
img { img {
@ -196,7 +202,7 @@ img {
} }
/** /**
* Correct overflow not hidden in IE 9/10/11. * Hide the overflow in IE.
*/ */
svg:not(:root) { svg:not(:root) {
@ -207,28 +213,8 @@ svg:not(:root) {
========================================================================== */ ========================================================================== */
/** /**
* Address margin not present in IE 8/9 and Safari. * 1. Correct the inheritance and scaling of font size in all browsers.
*/ * 2. Correct the odd `em` font sizing in all browsers.
figure {
margin: 1em 40px;
}
/**
* Address inconsistent styling of `hr`.
* 1. Correct `box-sizing` set to `border-box` in Firefox.
* 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct inheritance and scaling of font-size for preformatted text.
* 2. Address odd `em`-unit font size rendering in all browsers.
*/ */
code, code,
@ -239,63 +225,83 @@ samp {
font-size: 1em; /* 2 */ font-size: 1em; /* 2 */
} }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms /* Forms
========================================================================== */ ========================================================================== */
/** /**
* Known limitation: by default, Chrome and Safari on OS X allow very limited * Change font properties to `inherit` in all browsers (opinionated).
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct font properties not being inherited.
* 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/ */
button, button,
input, input,
optgroup,
select, select,
textarea { textarea {
font: inherit; /* 1 */ font: inherit;
margin: 0; /* 2 */
} }
/** /**
* Address `overflow` set to `hidden` in IE 8/9/10/11. * Restore the font weight unset by the previous rule.
*/ */
button { optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* 2. Show the overflow in Edge, Firefox, and IE.
*/
button,
input, /* 1 */
select { /* 2 */
overflow: visible; overflow: visible;
} }
/** /**
* Address inconsistent `text-transform` inheritance for `button` and `select`. * Remove the margin in Safari.
* All other form control elements do not inherit `text-transform` values. * 1. Remove the margin in Firefox and Safari.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/ */
button, button,
select { input,
select,
textarea { /* 1 */
margin: 0;
}
/**
* Remove the inheritence of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritence of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none; text-transform: none;
} }
/** /**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * Change the cursor in all browsers (opinionated).
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Improve consistency of cursor style between image-type `input` and others.
*/ */
button, button,
@ -306,7 +312,7 @@ button,
} }
/** /**
* Re-set default cursor for disabled elements. * Restore the default cursor to disabled elements unset by the previous rule.
*/ */
[disabled] { [disabled] {
@ -314,7 +320,20 @@ button,
} }
/** /**
* Remove inner padding and border in Firefox 4+. * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/ */
button::-moz-focus-inner, button::-moz-focus-inner,
@ -324,7 +343,7 @@ input::-moz-focus-inner {
} }
/** /**
* Restore focus style in Firefox 4+ (unset by a rule above) * Restore the focus styles unset by the previous rule.
*/ */
button:-moz-focusring, button:-moz-focusring,
@ -333,51 +352,7 @@ input:-moz-focusring {
} }
/** /**
* It's recommended that you don't attempt to style these elements. * Change the border, margin, and padding in all browsers (opinionated).
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Address `appearance` set to `searchfield` in Safari and Chrome.
*/
[type="search"] {
-webkit-appearance: textfield;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/ */
fieldset { fieldset {
@ -387,9 +362,10 @@ fieldset {
} }
/** /**
* 1. Correct wrapping not present in IE8/9/10/11 and Edge 12/13. * 1. Correct the text wrapping in Edge and IE.
* 2. Correct `color` not being inherited from fieldset in IE 8/9/10/11. * 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/ */
legend { legend {
@ -402,7 +378,7 @@ legend {
} }
/** /**
* Remove default vertical scrollbar in IE 8/9/10/11. * Remove the default vertical scrollbar in IE.
*/ */
textarea { textarea {
@ -410,10 +386,39 @@ textarea {
} }
/** /**
* Restore font weight (unset by a rule above). * 1. Add the correct box sizing in IE 10-.
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X. * 2. Remove the padding in IE 10-.
*/ */
optgroup { [type="checkbox"],
font-weight: bold; [type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the odd appearance of search inputs in Chrome and Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
}
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} }

View File

@ -1,24 +1,28 @@
{ {
"name": "normalize.css", "name": "normalize.css",
"version": "3.0.3", "version": "4.0.0",
"description": "Normalize.css as a node packaged module", "description": "A modern alternative to CSS resets",
"style": "normalize.css", "style": "normalize.css",
"files": [ "files": [
"LICENSE.md", "LICENSE.md",
"normalize.css" "normalize.css"
], ],
"homepage": "http://necolas.github.io/normalize.css",
"repository": {
"type": "git",
"url": "git://github.com/necolas/normalize.css.git"
},
"main": "normalize.css",
"author": "Nicolas Gallagher",
"license": "MIT",
"devDependencies": { "devDependencies": {
"stylelint": "^4.2.0" "stylelint": "^5.1.0",
"stylelint-config-standard": "^4.0.1"
}, },
"scripts": { "scripts": {
"test": "stylelint normalize.css" "test": "stylelint normalize.css"
},
"repository": "necolas/normalize.css",
"contributors": [
"Jonathan Neal <jonathantneal@hotmail.com> (http://jonathantneal.com/)",
"Nicolas Gallagher <nicolas@nicolasgallagher.com> (http://nicolasgallagher.com/)"
],
"license": "MIT",
"bugs": "https://github.com/necolas/normalize.css/issues",
"homepage": "https://necolas.github.io/normalize.css#readme",
"stylelint": {
"extends": "stylelint-config-standard"
} }
} }

View File

@ -3,7 +3,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Normalize CSS: UI tests</title> <title>Normalize CSS: UI tests</title>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="normalize.css"> <link rel="stylesheet" href="normalize.css">
<style> <style>
/*! suit-test v0.1.0 | MIT License | github.com/suitcss */ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
@ -100,7 +100,7 @@
<h2 class="Test-describe"> <h2 class="Test-describe">
<code>article</code>, <code>aside</code>, <code>details</code>, <code>article</code>, <code>aside</code>, <code>details</code>,
<code>figure</code>, <code>figcaption</code>, <code>footer</code>, <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
<code>header</code>, <code>hgroup</code>, <code>main</code>, <code>header</code>, <code>main</code>,
<code>menu</code>, <code>nav</code>, <code>section</code>, <code>menu</code>, <code>nav</code>, <code>section</code>,
<code>summary</code> <code>summary</code>
</h2> </h2>
@ -118,7 +118,6 @@
</figure> </figure>
<footer>footer</footer> <footer>footer</footer>
<header>header</header> <header>header</header>
<hgroup>hgroup</hgroup>
<main>main</main> <main>main</main>
<menu><li>menu</li></menu> <menu><li>menu</li></menu>
<nav>nav</nav> <nav>nav</nav>
@ -156,13 +155,13 @@
</div> </div>
<h2 class="Test-describe"><code>abbr[title]</code></h2> <h2 class="Test-describe"><code>abbr[title]</code></h2>
<h3 class="Test-it">should have a dotted bottom border</h3> <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
<div class="Test-run"> <div class="Test-run">
<abbr title="abbreviation">abbr</abbr> <abbr title="abbreviation">abbr</abbr>
</div> </div>
<h2 class="Test-describe"><code>b</code>, <code>strong</code></h2> <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
<h3 class="Test-it">should have bold font-weight</h3> <h3 class="Test-it">should have bolder font-weight</h3>
<div class="Test-run"> <div class="Test-run">
<b>b</b> <b>b</b>
<strong>strong</strong> <strong>strong</strong>
@ -242,7 +241,7 @@
</div> </div>
<h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2> <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
<h3 class="Test-it">should render <code>em</code>-unit preformatted text at the same absolute size as normal text</h3> <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
<div class="Test-run"> <div class="Test-run">
<span>span: abcdefghijklmnopqrstuvwxyz.</span><br> <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
<code>code: abcdefghijklmnopqrstuvwxyz.</code><br> <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
@ -444,48 +443,4 @@
<textarea>textarea</textarea> <textarea>textarea</textarea>
</div> </div>
<h2 class="Test-describe"><code>table</code></h2>
<h3 class="Test-it">should not have spaces between cells</h3>
<div class="Test-run">
<table>
<caption>Jimi Hendrix - albums</caption>
<thead>
<tr>
<th>Album</th>
<th>Year</th>
<th>Price</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Album</th>
<th>Year</th>
<th>Price</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Are You Experienced</td>
<td>1967</td>
<td>$10.00</td>
</tr>
<tr>
<td>Axis: Bold as Love</td>
<td>1967</td>
<td>$12.00</td>
</tr>
<tr>
<td>Electric Ladyland</td>
<td>1968</td>
<td>$10.00</td>
</tr>
<tr>
<td>Band of Gypsys</td>
<td>1970</td>
<td>$12.00</td>
</tr>
</tbody>
</table>
</div>
</div> </div>