aboutsummaryrefslogtreecommitdiff
path: root/src/styles
diff options
context:
space:
mode:
authorFuwn <[email protected]>2026-03-01 16:20:51 -0800
committerFuwn <[email protected]>2026-03-01 16:21:02 -0800
commiteae5d24d9e79e59a19d4721caaeaa0ca650ecb33 (patch)
tree1b685bb248e051dfa26d2bfdebe6689402dd93c5 /src/styles
parentchore(tooling): remove legacy eslint and prettier (diff)
downloaddue.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.css98
-rw-r--r--src/styles/card.css54
-rw-r--r--src/styles/colours.css86
-rw-r--r--src/styles/features.css10
-rw-r--r--src/styles/input.css162
-rw-r--r--src/styles/normalise.css16
-rw-r--r--src/styles/scroll.css4
-rw-r--r--src/styles/typography.css28
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;
}