-
{ -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box;
}
html, body {
margin: 0; padding: 0;
}
html {
font-family: $root-font-family; font-size: $root-font-size; line-height: $root-line-height; @media (min-width: $large-breakpoint) { font-size: $large-font-size; }
}
body {
color: $text; background-color: $bg; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; @media (prefers-color-scheme: light) { color: $light-scheme-text; background-color: $light-scheme-bg; }
}
// No ‘:visited` state is required by default (browsers will use `a`) a {
color: $color; text-decoration: none; @media (prefers-color-scheme: light) { color: $light-scheme-color; } // `:focus` is linked to `:hover` for basic accessibility &:hover, &:focus { text-decoration: none; } strong { color: inherit; }
}
img {
display: block; max-width: 100%; margin: 0 0 1rem; border-radius: 5px;
}
table {
margin-bottom: 1rem; width: 100%; font-size: 85%; border: 1px solid #555555; border-collapse: collapse; @media (prefers-color-scheme: light) { border: 1px solid #D2D2D2; }
}
td, th {
padding: .25rem .5rem; border: 1px solid #555555;
}
th {
text-align: left;
}
tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {
background-color: #2d2d2d; @media (prefers-color-scheme: light) { background-color: #d2d2d2; }
}