aboutsummaryrefslogtreecommitdiff
path: root/static/style.css
diff options
context:
space:
mode:
authorwinter Sparkles2026-08-08 23:01:51 +0100
committerwinter Sparkles2026-08-08 23:01:51 +0100
commitb422b6ded608807c7d3bb8b965b3797ca513610b (patch)
tree7925fa972efbfff2a9bf8648334d49e3fd6b5df1 /static/style.css
parent880a274e1ecbed42c76d3dc4a81161b3ae372726 (diff)
implement a large chunk of the auth system itself :D
Diffstat (limited to 'static/style.css')
-rw-r--r--static/style.css94
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;
- }
-}