sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

checkboxy looking checkbox elements, fix settings dialog in mobile view
All checks were successful
/ build (push) Successful in 4m25s
Details

Browse source
This commit is contained in:
Ruben 2025-10-18 19:52:11 -05:00
commit 4c6a484acf
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
4 changed files with 32 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
_includes/styles/base.css
View file

@ -594,10 +594,12 @@ radio-button-group {
gap: .4rem;
label {
border: .13rem solid var(--border);
border-radius: .4rem;
padding: .2rem;
border: .13rem solid var(--border);
cursor: pointer;
padding: .2rem;
width: fit-content;
word-break: break-word;
&:has(input:checked) {
border-color: var(--accent);
@ -628,22 +630,29 @@ checkbox-button-group {
cursor: pointer;
margin-right: .3rem;
padding: .2rem;
width: max-content;
width: fit-content;
word-break: break-word;
&::before {
background: var(--border);
border-radius: 10rem;
content: '';
display: inline-flex;
height: 1rem;
margin-bottom: -.1rem;
margin-left: .2rem;
margin-right: .3rem;
position: relative;
transition: .2s;
width: 1rem;
}
&:has(input:checked) {
border-color: var(--accent);
background-color: color-mix(in srgb, var(--accent) 30%, var(--background));
&::after {
background: var(--green);
border-radius: 10rem;
content: '';
display: inline-flex;
height: 1.5rem;
margin-left: -.2rem;
margin-top: -.9rem;
position: absolute;
width: 1.5rem;
&::before {
background: var(--accent);
}
}