@@ -1,11 +1,9 @@ html { font-family: sans-serif; + line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } @@ -21,29 +19,30 @@ aside, details, figcaption, figure, footer, header, -hgroup, main, menu, nav, -section, -summary { +section { display: block; } +summary { + display: list-item; +} audio, canvas, progress, video { display: inline-block; - vertical-align: baseline; } audio:not([controls]) { display: none; @@ -60,30 +59,41 @@ a { background-color: transparent; + -webkit-text-decoration-skip: objects; } a:active, a:hover { - outline: 0; + outline-width: 0; } abbr[title] { - border-bottom: 1px dotted; + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } +b, +strong { + font-weight: inherit; +} b, strong { - font-weight: bold; + font-weight: bolder; } @@ -100,13 +110,13 @@ margin: 0.67em 0; } mark { - background: #ff0; + background-color: #ff0; color: #000; } small { @@ -133,13 +143,13 @@ img { - border: 0; + border-style: none; } svg:not(:root) { overflow: hidden; @@ -155,25 +165,24 @@ hr { box-sizing: content-box; height: 0; + overflow: visible; } pre { - overflow: auto; + font-family: monospace, monospace; + font-size: 1em; } code, kbd, -pre, samp { font-family: monospace, monospace; font-size: 1em; } @@ -184,20 +193,22 @@ button, input, optgroup, select, textarea { - color: inherit; - font: inherit; + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; margin: 0; } -button { +button, +input { overflow: visible; } button, @@ -205,66 +216,68 @@ text-transform: none; } button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { +html [type="button"], +[type="reset"], +[type="submit"] { -webkit-appearance: button; - cursor: pointer; -} -button[disabled], -html input[disabled] { - cursor: default; } 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; } -input { - line-height: normal; +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; } -input[type="checkbox"], -input[type="radio"] { +[type="checkbox"], +[type="radio"] { box-sizing: border-box; padding: 0; } -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { height: auto; } -input[type="search"] { +[type="search"] { -webkit-appearance: textfield; - box-sizing: content-box; + outline-offset: -2px; } -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { @@ -273,34 +286,41 @@ padding: 0.35em 0.625em 0.75em; } legend { - border: 0; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; padding: 0; + white-space: normal; } textarea { overflow: auto; +} +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; } -optgroup { - font-weight: bold; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -td, -th { - padding: 0; -}