Files
lila/ui/lib/css/base/_elements.scss

113 lines
1.5 KiB
SCSS

html {
min-height: 100%;
color-scheme: light dark;
@include mq-sticky-header {
:target {
scroll-margin-top: $site-header-outer-height;
}
}
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
@media (prefers-reduced-motion: reduce) {
animation: none !important;
transition: none !important;
}
}
body {
background: $c-bg-page linear-gradient(to bottom, $c-body-gradient, $c-bg-page 116px) no-repeat;
color: $c-font;
text-align: start;
overflow-x: hidden;
&.fixed-scroll {
/* prevents scroll bar flicker when dragging a piece out */
overflow-y: scroll;
}
}
a {
color: $c-link;
text-decoration: none;
&:hover,
&:active,
&:focus {
color: $c-link-hover;
}
&:focus-visible {
outline: $outline;
border-radius: $box-radius-size / 2;
}
}
button {
appearance: none;
background: none;
border: none;
color: $c-font;
text-align: inherit;
}
p {
margin-bottom: 1em;
unicode-bidi: plaintext;
}
em {
font-style: normal;
}
li {
list-style: none;
}
time {
font-size: 90%;
opacity: 0.9;
/* might cause issues: */
white-space: nowrap;
/* don't use c-color-dim, it overrides too hard */
unicode-bidi: plaintext;
}
hr {
margin: 1.5rem 0;
border: 0;
height: 1px;
background: $c-border;
}
small {
font-size: 0.9em;
}
table,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font: inherit;
vertical-align: middle;
text-align: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}