From b5f0e9d79a997952f0d68f55c12ec3b76dd65882 Mon Sep 17 00:00:00 2001 From: Jonathan Neal Date: Sun, 26 Mar 2017 18:12:14 -0400 Subject: [PATCH] Remove all opinionated rules (#649) - Remove changing the default font family in all browsers. - Remove the removal of margin on body in all browsers. - Remove the removal of outline on focused links when they are also active or hovered in all browsers (opinionated). - Remove changing the font styles of input controls in all browsers. - Remove the changing of border, margin, and padding of fieldsets in all browsers. --- normalize.css | 48 +++++++----------------------------------------- 1 file changed, 7 insertions(+), 41 deletions(-) diff --git a/normalize.css b/normalize.css index f164473..a813f3a 100644 --- a/normalize.css +++ b/normalize.css @@ -4,30 +4,20 @@ ========================================================================== */ /** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { - font-family: sans-serif; /* 1 */ - line-height: 1.15; /* 2 */ - -ms-text-size-adjust: 100%; /* 3 */ - -webkit-text-size-adjust: 100%; /* 3 */ + line-height: 1.15; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ -/** - * Remove the margin in all browsers (opinionated). - */ - -body { - margin: 0; -} - /** * Add the correct display in IE 9-. */ @@ -107,16 +97,6 @@ a { -webkit-text-decoration-skip: objects; /* 2 */ } -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ - -a:active, -a:hover { - outline-width: 0; -} - /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. @@ -245,8 +225,7 @@ svg:not(:root) { ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. + * Remove the margin in Firefox and Safari. */ button, @@ -254,10 +233,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + margin: 0; } /** @@ -316,16 +292,6 @@ button:-moz-focusring, outline: 1px dotted ButtonText; } -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE.