aboutsummaryrefslogtreecommitdiff
path: root/src/lib
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-23 23:00:53 -0800
committerFuwn <[email protected]>2024-01-23 23:00:53 -0800
commitd2a5bf359a4f964af342fa1d078fa16b1bd87f8b (patch)
tree1c5bcd3d44c8124c2096256646dff8db9edd203b /src/lib
parentrefactor(html): preload stylesheets (diff)
downloaddue.moe-d2a5bf359a4f964af342fa1d078fa16b1bd87f8b.tar.xz
due.moe-d2a5bf359a4f964af342fa1d078fa16b1bd87f8b.zip
refactor(styles): move out to src
Diffstat (limited to 'src/lib')
-rw-r--r--src/lib/Styles/badge.css16
-rw-r--r--src/lib/Styles/card.css53
-rw-r--r--src/lib/Styles/colours.css43
-rw-r--r--src/lib/Styles/details.scss22
-rw-r--r--src/lib/Styles/features.css7
-rw-r--r--src/lib/Styles/input.css141
-rw-r--r--src/lib/Styles/normalise.css23
-rw-r--r--src/lib/Styles/scroll.css4
-rw-r--r--src/lib/Styles/typography.css21
9 files changed, 0 insertions, 330 deletions
diff --git a/src/lib/Styles/badge.css b/src/lib/Styles/badge.css
deleted file mode 100644
index 38cae6e4..00000000
--- a/src/lib/Styles/badge.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.button-badge:hover {
- background-color: var(--base0C);
- cursor: unset;
-}
-
-.button-badge:active {
- transform: scale(0.75);
-}
-
-.badge-info {
- background-color: var(--base0E);
-}
-
-.badge-info:hover {
- background-color: var(--base0E);
-}
diff --git a/src/lib/Styles/card.css b/src/lib/Styles/card.css
deleted file mode 100644
index d41d4224..00000000
--- a/src/lib/Styles/card.css
+++ /dev/null
@@ -1,53 +0,0 @@
-@import './details.scss';
-
-details,
-.card {
- 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;
- }
-}
-
-#header {
- 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);
- }
-}
-
-.card {
- 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;
-}
-
-.card-small {
- padding: 0.5rem;
-}
-
-.card-clear {
- background-color: transparent;
- box-shadow: none;
- padding: 0;
-}
-
-.card-centered {
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- justify-content: center;
-}
diff --git a/src/lib/Styles/colours.css b/src/lib/Styles/colours.css
deleted file mode 100644
index 43030e1c..00000000
--- a/src/lib/Styles/colours.css
+++ /dev/null
@@ -1,43 +0,0 @@
-: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;
-}
-
-@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;
- }
-}
diff --git a/src/lib/Styles/details.scss b/src/lib/Styles/details.scss
deleted file mode 100644
index 86f496d6..00000000
--- a/src/lib/Styles/details.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-details {
- background-color: var(--base0011);
- padding: 1rem;
- border-radius: 8px;
-}
-
-summary {
- font-size: 1.05em;
- font-weight: 600;
- cursor: pointer;
- list-style: none;
-}
-
-summary small {
- font-weight: normal;
-}
-
-.details-unstyled {
- background-color: transparent;
- padding: 0;
- border-radius: 0;
-}
diff --git a/src/lib/Styles/features.css b/src/lib/Styles/features.css
deleted file mode 100644
index 73b5e468..00000000
--- a/src/lib/Styles/features.css
+++ /dev/null
@@ -1,7 +0,0 @@
-#mai {
- position: fixed;
- left: 0;
- bottom: 0;
- height: auto;
- width: 10vh;
-}
diff --git a/src/lib/Styles/input.css b/src/lib/Styles/input.css
deleted file mode 100644
index 381f2ebe..00000000
--- a/src/lib/Styles/input.css
+++ /dev/null
@@ -1,141 +0,0 @@
-input,
-select {
- cursor: pointer;
- position: relative;
- background-color: var(--base01);
- /* margin: 0; */
- /* width: 1.15em;
- height: 1.15em; */
- padding: 0.25em;
- border: none;
- border-radius: 4px;
- transform: translateY(0.175em);
- place-content: center;
- transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
- box-shadow: 0 4px 30px var(--base01);
-}
-
-@media (prefers-color-scheme: dark) {
- input,
- select {
- background-color: var(--base07);
- /* color: var(--base05); */
- }
-}
-
-input[type='text'],
-input[type='number'],
-input[type='date'],
-input[type='time'],
-button {
- padding: 0.25em 0.5em;
-}
-
-select {
- transform: translateY(0em);
- margin-top: 0.25em;
- margin-bottom: 0.25em;
- 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;
-}
-
-input[type='checkbox']:checked {
- background-color: var(--base0C);
-}
-
-input[type='checkbox']:checked:before {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-input[type='checkbox']:active {
- transform: scale(1);
- transition: transform 0.15s ease-in-out;
-}
-
-input[type='checkbox']:hover {
- 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);
-}
-
-button:hover {
- background-color: var(--base0A);
-}
-
-button:active {
- transform: scale(0.975);
-}
-
-input:disabled,
-select:disabled,
-button:disabled {
- cursor: not-allowed;
- opacity: 0.5;
-}
-
-input:disabled:hover,
-select:disabled:hover,
-button:disabled:hover {
- background-color: var(--base0C);
-}
-
-input:disabled:active,
-select:disabled:active,
-button:disabled:active {
- transform: scale(1);
-}
-
-.small-button {
- transform: scale(0.875);
-}
-
-.small-button:active {
- transform: scale(0.75);
-}
-
-.unclickable-button {
- transform: scale(1);
-}
-
-.unclickable-button:active {
- transform: scale(1) !important;
-}
-
-.smaller-button {
- background-color: var(--base0C);
- transform: scale(0.75);
-}
-
-.button-square {
- background-color: var(--base0C);
- transform: scale(0.75);
- padding: 0.125em 0.575em;
-}
-
-.button-lined {
- transform: translateY(0.175em);
-}
-
-.button-action {
- background-color: var(--base0E);
-}
diff --git a/src/lib/Styles/normalise.css b/src/lib/Styles/normalise.css
deleted file mode 100644
index 85f6442c..00000000
--- a/src/lib/Styles/normalise.css
+++ /dev/null
@@ -1,23 +0,0 @@
-ul,
-ol {
- margin: 0;
-}
-
-ul,
-li::marker {
- content: unset !important;
-}
-
-a:hover {
- text-decoration: none !important;
-}
-
-a:focus {
- outline: none;
-}
-
-code {
- color: var(--base07);
- padding: 0.25em 0.5em;
- border-radius: 4px;
-}
diff --git a/src/lib/Styles/scroll.css b/src/lib/Styles/scroll.css
deleted file mode 100644
index d7f246d1..00000000
--- a/src/lib/Styles/scroll.css
+++ /dev/null
@@ -1,4 +0,0 @@
-* {
- scrollbar-width: thin;
- scrollbar-color: var(--base03) transparent;
-}
diff --git a/src/lib/Styles/typography.css b/src/lib/Styles/typography.css
deleted file mode 100644
index e502fa90..00000000
--- a/src/lib/Styles/typography.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* Kosugi, M PLUS 1 Code */
-/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;550;700;800&display=swap'); */
-@import url('https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=DM+Sans:400,500,600,700&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;
-}
-
-#wrapped {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
- font-weight: 400;
- text-shadow: none;
-}