role color stuff

This commit is contained in:
41666 2025-04-05 23:38:02 -07:00
parent 41d48bf60a
commit f72c7a357b
9 changed files with 165 additions and 14 deletions

View file

@ -43,8 +43,11 @@ body {
user-select: none;
padding: 0.217rem; /* this is silly number pls ignore :3 (^noe) */
gap: 0.215rem;
cursor: pointer;
transition: all 0.35s ease-in-out;
input {
cursor: pointer;
appearance: none;
position: relative;
width: 1.216rem;
@ -52,9 +55,17 @@ body {
margin: 0;
padding: 0;
border: 2px solid var(--role-color);
transition: all 0.35s ease-in-out;
transition: all 0.25s ease-in-out;
border-radius: 1.216rem;
&:hover {
background-color: var(--role-color);
&::before {
opacity: 1;
background-color: var(--contrast-color);
}
}
&::before {
transition: all 0.35s ease-in-out;
content: "";
@ -72,6 +83,7 @@ body {
}
label {
cursor: pointer;
}
&:has(input:checked) {