diff options
| author | winter Sparkles | 2026-08-08 23:01:51 +0100 |
|---|---|---|
| committer | winter Sparkles | 2026-08-08 23:01:51 +0100 |
| commit | b422b6ded608807c7d3bb8b965b3797ca513610b (patch) | |
| tree | 7925fa972efbfff2a9bf8648334d49e3fd6b5df1 /static | |
| parent | 880a274e1ecbed42c76d3dc4a81161b3ae372726 (diff) | |
implement a large chunk of the auth system itself :D
Diffstat (limited to 'static')
| -rw-r--r-- | static/style.css | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/static/style.css b/static/style.css deleted file mode 100644 index 6e2b8c7..0000000 --- a/static/style.css +++ /dev/null @@ -1,94 +0,0 @@ -:root { - font-family: sans-serif; - color-scheme: light dark; - - /* theme colours */ - --primary: #055; - --secondary: #dee; - --negative: #a01; - --background: #eff; - --foreground: #022; - --behind: #dee; - --header-bg: var(--primary); - - @media (prefers-color-scheme: dark) { - --primary: #8cc; - --secondary: #122; - --negative: #e78; - --background: #233; - --foreground: #eff; - --behind: #011; - --header-bg: var(--secondary); - } - - /* dimensions */ - --page-width: 800px; - --is-wide: 1; - @media (width < 800px) { - --is-wide: 0; - } -} - -body { - margin: 0; - padding: 0; - - background-color: var(--behind); -} - -header { - background: linear-gradient( - to bottom, - color-mix(in oklab, var(--header-bg), var(--behind)), - var(--header-bg) - ); - color: contrast-color(var(--header-bg)); - - padding: 1em; - max-width: var(--page-width); - margin: calc(var(--is-wide) * 1em) auto; - height: 100px; - display: flex; - align-items: end; - - site-name { - font-weight: bold; - font-size: xx-large; - } -} - -footer { - font-size: small; - text-align: center; - margin: 1lh; - color: color-mix(in oklab, var(--foreground), var(--behind)); - - a { - color: inherit; - text-decoration-style: dotted; - } -} - -main { - padding: 1em; - max-width: var(--page-width); - margin: auto; - background-color: var(--background); - color: var(--foreground); -} - -error-message { - background-color: var(--negative); - color: contrast-color(var(--negative)); - margin: 1em 0; - padding: 1em; - border-radius: 4px; - display: flex; - flex-direction: column; - gap: 0.5lh; - width: max-content; - - box-label { - font-weight: bold; - } -} |
