library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Protect root against system color schemes

Browse Source 
System color schemes (in particular, custom themes in Windows and Linux
distros) affect Firefox, IE, and Opera. Normalizing the web site/app's
root background and text color prevents these unwanted settings from
being used. Chrome doesn't apply system-level schemes to websites.

Fix gh-170
This commit is contained in:
Nicolas Gallagher 2013-04-01 06:53:47 -07:00
parent 8a925e0391
commit 907890983e
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
CHANGELOG.md
View File

@ -1,5 +1,8 @@
== HEAD == HEAD
* Normalize root `color` and `background` to counter the affects of system
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`.

16
normalize.css vendored
View File

@ -56,15 +56,21 @@ audio:not([controls]) {
========================================================================== */ ========================================================================== */
/** /**
* 1. Set default font family to sans-serif. * 1. Prevent system color scheme's background color being used in Firefox, IE,
* 2. Prevent iOS text size adjust after orientation change, without disabling * and Opera.
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
* Opera.
* 3. Set default font family to sans-serif.
* 4. Prevent iOS text size adjust after orientation change, without disabling
* user zoom. * user zoom.
*/ */
html { html {
font-family: sans-serif; /* 1 */ background: #fff; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */ color: #000; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; /* 3 */
-ms-text-size-adjust: 100%; /* 4 */
-webkit-text-size-adjust: 100%; /* 4 */
} }
/** /**