Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-06 05:07:36 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Organize vars

Browse Source
This commit is contained in:
hfcRed 2025-12-22 15:59:32 +01:00
parent cceb932648
commit 262fc9c216
2 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/features/tournament-bracket/tournament-bracket.css
View File

@ -297,7 +297,7 @@
content: "Inactive";
font-size: var(--fonts-xxs);
font-weight: var(--bold);
letter-spacing: var(--sparse);
letter-spacing: 0.4px;
padding-block-end: 1px;
}

38
app/styles/vars.css
View File

@ -1,5 +1,5 @@
html {
--bg: var(--preview-bg, #ebebf0);
/* --bg: var(--preview-bg, #ebebf0);
--bg-darker: var(--preview-bg-darker, #f8f8f8);
--bg-lighter: var(--preview-bg-lighter, rgb(250 250 250));
--bg-lighter-solid: rgb(250 250 250);
@ -42,11 +42,12 @@ html {
--theme-secondary: var(--preview-theme-secondary, rgb(63 58 255));
--input-icon: #6a6a6c;
--backdrop-filter: blur(10px) brightness(95%);
--rounded: 16px;
--inactive-image-filter: grayscale(100%) brightness(30%); */
/* --rounded: 16px;
--rounded-full: 200px;
--rounded-xs: 8px;
--rounded-sm: 10px;
--fonts-xl: 1.5rem;
--rounded-sm: 10px; */
/* --fonts-xl: 1.5rem;
--fonts-lg: 1.2rem;
--fonts-md: 1rem;
--fonts-sm: 0.92rem;
@ -55,12 +56,12 @@ html {
--fonts-xxsm: 0.75rem;
--fonts-xxs: 0.7rem;
--fonts-xxxs: 0.6rem;
--fonts-xxxxs: 0.5rem;
--extra-bold: 700;
--fonts-xxxxs: 0.5rem; */
/* --extra-bold: 700;
--bold: 600;
--semi-bold: 500;
--body: 400;
--s-0-5: 0.125rem;
--body: 400; */
/* --s-0-5: 0.125rem;
--s-1: 0.25rem;
--s-1-5: 0.375rem;
--s-2: 0.5rem;
@ -83,24 +84,17 @@ html {
--s-28: 7rem;
--s-32: 8rem;
--s-40: 10rem;
--s-48: 12rem;
--s-56: 14rem;
--s-64: 16rem;
--s-72: 18rem;
--s-80: 20rem;
--s-96: 2rem;
--sparse: 0.4px;
--label-margin: var(--s-1);
--inactive-image-filter: grayscale(100%) brightness(30%);
--sticky-top: 60px;
--input-width-extra-small: 10rem;
--s-48: 12rem; */
/* --input-width-extra-small: 10rem;
--input-width-small: 12rem;
--input-width-medium: 18rem;
--input-width-medium: 18rem; */
/* --label-margin: var(--s-1);
--select-width: 225px;
--sticky-top: 60px; */
}
html.dark {
--bg: var(--preview-bg, #02011e);
/* --bg: var(--preview-bg, #02011e);
--bg-darker: var(--preview-bg-darker, #0a092d);
--bg-lighter: var(--preview-bg-lighter, rgb(169 138 255 / 10%));
--bg-lighter-solid: #140f34;
@ -141,7 +135,7 @@ html.dark {
--theme-secondary: var(--preview-theme-secondary, rgb(239 229 83));
--input-icon: #9898a4;
--backdrop-filter: blur(10px) brightness(75%);
--inactive-image-filter: grayscale(100%) brightness(130%);
--inactive-image-filter: grayscale(100%) brightness(130%); */
}
/* xs: "(min-width: 480px)",