Hornwitser
400bb7bfe9
Add .flow class for when vertical spacing between elements is desired in the same way paragraphs are vertically spaced apart.
89 lines
1.4 KiB
CSS
89 lines
1.4 KiB
CSS
/*
|
|
SPDX-FileCopyrightText: © 2025 Hornwitser <code@hornwitser.no>
|
|
SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
:root {
|
|
scrollbar-gutter: stable both-edges;
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
body {
|
|
padding-inline: 0.3rem;
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
ul, ol {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
margin-block: 0.75em 0.25em;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Enable hover only on non-touch devices */
|
|
@media (hover: hover) and (pointer: fine) {
|
|
a:hover {
|
|
color: color-mix(in oklab, var(--foreground), blue 50%);
|
|
text-decoration: underline;
|
|
text-underline-offset: 2px;
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
button, input, textarea, select {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
fieldset {
|
|
padding-inline: 0.5rem;
|
|
width: fit-content;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
}
|
|
|
|
label>* {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
|
|
:is(p, form, fieldset, pre, ul, .flow) + :is(p, form, fieldset, pre, ul, .flow) {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
|
|
label + label {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
|
|
.preWrap {
|
|
white-space: pre-wrap;
|
|
}
|