@@ -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;
-}