diff options
| author | Fuwn <[email protected]> | 2026-03-01 16:20:51 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-03-01 16:21:02 -0800 |
| commit | eae5d24d9e79e59a19d4721caaeaa0ca650ecb33 (patch) | |
| tree | 1b685bb248e051dfa26d2bfdebe6689402dd93c5 /src/styles | |
| parent | chore(tooling): remove legacy eslint and prettier (diff) | |
| download | due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.tar.xz due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.zip | |
chore(biome): drop formatter style overrides
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/badge.css | 98 | ||||
| -rw-r--r-- | src/styles/card.css | 54 | ||||
| -rw-r--r-- | src/styles/colours.css | 86 | ||||
| -rw-r--r-- | src/styles/features.css | 10 | ||||
| -rw-r--r-- | src/styles/input.css | 162 | ||||
| -rw-r--r-- | src/styles/normalise.css | 16 | ||||
| -rw-r--r-- | src/styles/scroll.css | 4 | ||||
| -rw-r--r-- | src/styles/typography.css | 28 |
8 files changed, 229 insertions, 229 deletions
diff --git a/src/styles/badge.css b/src/styles/badge.css index 764ce7c3..8a79333f 100644 --- a/src/styles/badge.css +++ b/src/styles/badge.css @@ -1,69 +1,69 @@ .button-badge:hover { - background-color: var(--base0C); - cursor: unset; + background-color: var(--base0C); + cursor: unset; } .button-badge { - vertical-align: unset; - transform: unset; - margin-top: unset; + vertical-align: unset; + transform: unset; + margin-top: unset; } .button-badge:active { - transform: scale(0.75); + transform: scale(0.75); } .badge-info { - background-color: var(--base0E); + background-color: var(--base0E); } .badge-info:hover { - background-color: var(--base0E); + background-color: var(--base0E); } .badge-rainbow { - color: var(--base07); - animation: rainbow 20s ease-in-out infinite; + color: var(--base07); + animation: rainbow 20s ease-in-out infinite; } @keyframes rainbow { - 0% { - background: rgba(0, 105, 255, 0.71); - } - 10% { - background: rgba(100, 0, 255, 0.71); - } - 20% { - background: rgba(255, 0, 139, 0.71); - } - 30% { - background: rgba(255, 0, 0, 0.71); - } - 40% { - background: rgba(255, 96, 0, 0.71); - } - 50% { - background: rgba(202, 255, 0, 0.71); - } - 60% { - background: rgba(0, 255, 139, 0.71); - } - 70% { - background: rgba(202, 255, 0, 0.71); - } - 80% { - background: rgba(255, 96, 0, 0.71); - } - 85% { - background: rgba(255, 0, 0, 0.71); - } - 90% { - background: rgba(255, 0, 139, 0.71); - } - 95% { - background: rgba(100, 0, 255, 0.71); - } - to { - background: rgba(0, 105, 255, 0.71); - } + 0% { + background: rgba(0, 105, 255, 0.71); + } + 10% { + background: rgba(100, 0, 255, 0.71); + } + 20% { + background: rgba(255, 0, 139, 0.71); + } + 30% { + background: rgba(255, 0, 0, 0.71); + } + 40% { + background: rgba(255, 96, 0, 0.71); + } + 50% { + background: rgba(202, 255, 0, 0.71); + } + 60% { + background: rgba(0, 255, 139, 0.71); + } + 70% { + background: rgba(202, 255, 0, 0.71); + } + 80% { + background: rgba(255, 96, 0, 0.71); + } + 85% { + background: rgba(255, 0, 0, 0.71); + } + 90% { + background: rgba(255, 0, 139, 0.71); + } + 95% { + background: rgba(100, 0, 255, 0.71); + } + to { + background: rgba(0, 105, 255, 0.71); + } } diff --git a/src/styles/card.css b/src/styles/card.css index 3a0cd609..6aabf5fb 100644 --- a/src/styles/card.css +++ b/src/styles/card.css @@ -2,56 +2,56 @@ details, .card { - box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; + box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; } @media (prefers-color-scheme: light) { - details, - .card { - box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; - } + details, + .card { + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; + } } .header { - box-shadow: - rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, - 0 0 0 5px var(--base02); + box-shadow: + rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, + 0 0 0 5px var(--base02); } @media (prefers-color-scheme: light) { - .header { - box-shadow: - rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, - 0 0 0 5px var(--base02); - } + .header { + box-shadow: + rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, + 0 0 0 5px var(--base02); + } } .card { - background-color: var(--base0011); - padding: 1rem; - border-radius: 8px; - backdrop-filter: blur(4px); - -webkit-backdrop-filter: blur(4px); + background-color: var(--base0011); + padding: 1rem; + border-radius: 8px; + backdrop-filter: blur(4px); + -webkit-backdrop-filter: blur(4px); } .card details, .no-shadow { - box-shadow: none; + box-shadow: none; } .card-small { - padding: 0.5rem; + padding: 0.5rem; } .card-clear { - background-color: transparent; - box-shadow: none; - padding: 0; + background-color: transparent; + box-shadow: none; + padding: 0; } .card-centered { - margin: 0 auto; - display: flex; - flex-direction: column; - justify-content: center; + margin: 0 auto; + display: flex; + flex-direction: column; + justify-content: center; } diff --git a/src/styles/colours.css b/src/styles/colours.css index 2c55aa81..12e64dab 100644 --- a/src/styles/colours.css +++ b/src/styles/colours.css @@ -1,51 +1,51 @@ :root { - --base00: #f8f8f8; - --base001: #ffffff; - --base0011: #ffffff80; - --base01: #e8e8e8; - --base02: #d8d8d8; - --base03: #b8b8b8; - --base04: #585858; - --base05: #383838; - --base06: #282828; - --base07: #181818; - --base08: #ab4642; - --base09: #dc9656; - --base0A: #f7ca88; - --base0B: #a1b56c; - --base0C: #86c1b9; - --base0D: #7cafc2; - --base0E: #ba8baf; - --base0F: #a16946; + --base00: #f8f8f8; + --base001: #ffffff; + --base0011: #ffffff80; + --base01: #e8e8e8; + --base02: #d8d8d8; + --base03: #b8b8b8; + --base04: #585858; + --base05: #383838; + --base06: #282828; + --base07: #181818; + --base08: #ab4642; + --base09: #dc9656; + --base0A: #f7ca88; + --base0B: #a1b56c; + --base0C: #86c1b9; + --base0D: #7cafc2; + --base0E: #ba8baf; + --base0F: #a16946; } @media (prefers-color-scheme: dark) { - :root { - --base00: #080808; - --base001: #0c0c0c; - --base0011: #0c0c0c80; - --base01: #181818; - --base02: #282828; - --base03: #484848; - --base04: #a8a8a8; - --base05: #c8c8c8; - --base06: #d8d8d8; - --base07: #f8f8f8; - --base08: #9a4541; - --base09: #cb9555; - --base0A: #f6c987; - --base0B: #a0b45b; - --base0C: #85c0b8; - --base0D: #7baeb1; - --base0E: #b98aae; - --base0F: #a06845; - } + :root { + --base00: #080808; + --base001: #0c0c0c; + --base0011: #0c0c0c80; + --base01: #181818; + --base02: #282828; + --base03: #484848; + --base04: #a8a8a8; + --base05: #c8c8c8; + --base06: #d8d8d8; + --base07: #f8f8f8; + --base08: #9a4541; + --base09: #cb9555; + --base0A: #f6c987; + --base0B: #a0b45b; + --base0C: #85c0b8; + --base0D: #7baeb1; + --base0E: #b98aae; + --base0F: #a06845; + } } * { - transition: - color 0.15s ease-in-out, - background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, - box-shadow 0.15s ease-in-out; + transition: + color 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; } diff --git a/src/styles/features.css b/src/styles/features.css index e43cf0a8..73b5e468 100644 --- a/src/styles/features.css +++ b/src/styles/features.css @@ -1,7 +1,7 @@ #mai { - position: fixed; - left: 0; - bottom: 0; - height: auto; - width: 10vh; + position: fixed; + left: 0; + bottom: 0; + height: auto; + width: 10vh; } diff --git a/src/styles/input.css b/src/styles/input.css index a66eb009..41b8af06 100644 --- a/src/styles/input.css +++ b/src/styles/input.css @@ -1,53 +1,53 @@ input, select, textarea { - cursor: pointer; - position: relative; - background-color: var(--base01); - /* margin: 0; */ - /* width: 1.15em; + cursor: pointer; + position: relative; + background-color: var(--base01); + /* margin: 0; */ + /* width: 1.15em; height: 1.15em; */ - padding: 0.25em; - border: none; - border-radius: 4px; - place-content: center; - transition: - background-color 0.15s ease-in-out, - transform 0.15s ease-in-out; - /* box-shadow: 0 4px 30px var(--base01); */ - box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; + padding: 0.25em; + border: none; + border-radius: 4px; + place-content: center; + transition: + background-color 0.15s ease-in-out, + transform 0.15s ease-in-out; + /* box-shadow: 0 4px 30px var(--base01); */ + box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; } input, select, textarea, button { - vertical-align: middle; - transform: translateY(-0.125em); - margin-top: 0.25em; + vertical-align: middle; + transform: translateY(-0.125em); + margin-top: 0.25em; } @media (prefers-color-scheme: dark) { - input, - select, - textarea { - background-color: var(--base07); - /* color: var(--base05); */ - } + input, + select, + textarea { + background-color: var(--base07); + /* color: var(--base05); */ + } - input[type="number"]::-webkit-inner-spin-button, - input[type="number"]::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; - } + input[type="number"]::-webkit-inner-spin-button, + input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; + } - input[type="number"] { - appearance: textfield; - } + input[type="number"] { + appearance: textfield; + } - input[type="file"] { - color: var(--base02); - } + input[type="file"] { + color: var(--base02); + } } input[type="text"], @@ -56,122 +56,122 @@ input[type="date"], input[type="time"], input[type="file"], button { - padding: 0.25em 0.5em; + padding: 0.25em 0.5em; } input, button, select { - height: 2em; + height: 2em; } select { - padding: 0.25em 0.5em; + padding: 0.25em 0.5em; } input[type="checkbox"] { - -webkit-appearance: none; - appearance: none; - margin: 0; - width: 1.15em; - height: 1.15em; - transition: - background-color 0.15s ease-in-out, - transform 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; + margin: 0; + width: 1.15em; + height: 1.15em; + transition: + background-color 0.15s ease-in-out, + transform 0.15s ease-in-out; } input[type="checkbox"]:checked { - background-color: var(--base0C); + background-color: var(--base0C); } input[type="checkbox"]:checked:before { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } input[type="checkbox"]:active { - transform: scale(1); - transition: transform 0.15s ease-in-out; + transform: scale(1); + transition: transform 0.15s ease-in-out; } input[type="checkbox"]:hover { - background-color: var(--base0A); + background-color: var(--base0A); } button { - cursor: pointer; - position: relative; - background-color: var(--base0C); - color: var(--base00); - border: none; - border-radius: 4px; - transition: - background-color 0.15s ease-in-out, - transform 0.15s ease-in-out; - /* box-shadow: 0 4px 30px var(--base01); */ - box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; + cursor: pointer; + position: relative; + background-color: var(--base0C); + color: var(--base00); + border: none; + border-radius: 4px; + transition: + background-color 0.15s ease-in-out, + transform 0.15s ease-in-out; + /* box-shadow: 0 4px 30px var(--base01); */ + box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; } button:hover { - background-color: var(--base0A); + background-color: var(--base0A); } button:active { - transform: scale(0.975); + transform: scale(0.975); } input:disabled, select:disabled, button:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } input:disabled:hover, select:disabled:hover, button:disabled:hover { - background-color: var(--base0C); + background-color: var(--base0C); } input:disabled:active, select:disabled:active, button:disabled:active { - transform: scale(1); + transform: scale(1); } .small-button { - transform: scale(0.875); + transform: scale(0.875); } .small-button:active { - transform: scale(0.75); + transform: scale(0.75); } .unclickable-button { - transform: scale(1); + transform: scale(1); } .unclickable-button:active { - transform: scale(1) !important; + transform: scale(1) !important; } .smaller-button { - background-color: var(--base0C); - transform: scale(0.75); + background-color: var(--base0C); + transform: scale(0.75); } .button-square { - background-color: var(--base0C); - transform: scale(0.75); - padding: 0.125em 0.575em; + background-color: var(--base0C); + transform: scale(0.75); + padding: 0.125em 0.575em; } .button-action { - background-color: var(--base0E); + background-color: var(--base0E); } .no-shadow { - box-shadow: none; + box-shadow: none; } diff --git a/src/styles/normalise.css b/src/styles/normalise.css index 0eca8660..9813d2b4 100644 --- a/src/styles/normalise.css +++ b/src/styles/normalise.css @@ -1,25 +1,25 @@ ul, ol { - margin: 0; + margin: 0; } ul, li::marker { - content: unset !important; + content: unset !important; } a:hover { - text-decoration: none !important; + text-decoration: none !important; } a:focus { - outline: none; + outline: none; } code { - color: var(--base07); - padding: 0.25em 0.5em; - border-radius: 4px; + color: var(--base07); + padding: 0.25em 0.5em; + border-radius: 4px; } h1:before, @@ -28,5 +28,5 @@ h3:before, h4:before, h5:before, h6:before { - content: "" !important; + content: "" !important; } diff --git a/src/styles/scroll.css b/src/styles/scroll.css index 2b04c484..d7f246d1 100644 --- a/src/styles/scroll.css +++ b/src/styles/scroll.css @@ -1,4 +1,4 @@ * { - scrollbar-width: thin; - scrollbar-color: var(--base03) transparent; + scrollbar-width: thin; + scrollbar-color: var(--base03) transparent; } diff --git a/src/styles/typography.css b/src/styles/typography.css index 4c3c3052..2ba4014a 100644 --- a/src/styles/typography.css +++ b/src/styles/typography.css @@ -2,24 +2,24 @@ /* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;550;700;800&display=swap'); */ body { - font-family: - "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, - Cantarell, "Open Sans", "Helvetica Neue", sans-serif; - font-size: 1em; - line-height: 1.5; - /* font-weight: 300; */ - /* text-shadow: 0 0 0.25em var(--base01); */ - padding: 1.25rem; + font-family: + "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; + font-size: 1em; + line-height: 1.5; + /* font-weight: 300; */ + /* text-shadow: 0 0 0.25em var(--base01); */ + padding: 1.25rem; } #wrapped { - font-family: inherit; - font-size: inherit; - line-height: inherit; - font-weight: 400; - text-shadow: none; + font-family: inherit; + font-size: inherit; + line-height: inherit; + font-weight: 400; + text-shadow: none; } .opaque { - opacity: 0.5; + opacity: 0.5; } |