diff options
Merge pull request #73 from picturepan2/hotfix/bugs
Hotfix/bugs
1 files changed, 47 insertions, 53 deletions
| -rw-r--r-- | src/normalize.less | 100 |
diff --git a/src/normalize.less b/src/normalize.less index f48215b..80c11fd 100644 --- a/src/normalize.less +++ b/src/normalize.less @@ -1,4 +1,4 @@ -/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ +/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). @@ -8,7 +8,7 @@ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ } /** @@ -89,11 +89,13 @@ template, ========================================================================== */ /** - * Remove the gray background on active links in IE 10. + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { - background-color: transparent; + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ } /** @@ -252,14 +254,17 @@ hr { ========================================================================== */ /** - * Change font properties to `inherit` in all browsers (opinionated). + * 1. Change font properties to `inherit` in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. */ button, input, +optgroup, select, textarea { - font: inherit; + font: inherit; /* 1 */ + margin: 0; /* 2 */ } /** @@ -273,33 +278,17 @@ optgroup { /** * 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; -} - -/** - * Remove the margin in Safari. - * 1. Remove the margin in Firefox and Safari. - */ - -button, -input, -select, -textarea { +input { /* 1 */ - margin: 0; + overflow: visible; } /** - * Remove the inheritence of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritence of text transform in Firefox. + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. */ button, @@ -309,28 +298,9 @@ select { } /** - * Change the cursor in all browsers (opinionated). - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - cursor: pointer; -} - -/** - * Restore the default cursor to disabled elements unset by the previous rule. - */ - -[disabled] { - cursor: default; -} - -/** * 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. + * 2. Correct the inability to style clickable types in iOS and Safari. */ button, @@ -346,8 +316,10 @@ html [type="button"], */ button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; padding: 0; } @@ -356,7 +328,9 @@ input::-moz-focus-inner { */ button:-moz-focusring, -input:-moz-focusring { +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } @@ -415,19 +389,39 @@ textarea { } /** - * Correct the odd appearance of search inputs in Chrome and Safari. + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. */ [type="search"] { - -webkit-appearance: textfield; + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ } /** - * Remove the inner padding and cancel buttons in Chrome on OS X and - * Safari on OS X. + * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + +/** + * Correct the text style of placeholders in Chrome, Edge, and Safari. + */ + +::-webkit-input-placeholder { + color: inherit; + opacity: .54; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} |