role color stuff
This commit is contained in:
parent
41d48bf60a
commit
f72c7a357b
9 changed files with 165 additions and 14 deletions
|
@ -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) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue