ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Run yarn prettier, check it in CI (#192)

Browse Source
This commit is contained in:
Adam Chalmers
2023-07-26 11:47:18 -05:00
committed by GitHub
parent c2210835ea
commit 6838e96723
12 changed files with 338 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/Toggle/Toggle.module.css
View File

@ -1,32 +1,32 @@
.toggle {
@apply flex items-center gap-2 w-fit;
--toggle-size: 1.25rem;
--padding: 0.25rem;
@apply flex items-center gap-2 w-fit;
--toggle-size: 1.25rem;
--padding: 0.25rem;
}
.toggle:focus-within > span {
@apply outline-none ring-2;
@apply outline-none ring-2;
}
.toggle input {
@apply sr-only;
@apply sr-only;
}
.toggle > span {
@apply relative rounded border border-chalkboard-110;
width: calc(2 * (var(--toggle-size) + var(--padding)));
height: calc(var(--toggle-size) + var(--padding));
@apply relative rounded border border-chalkboard-110;
width: calc(2 * (var(--toggle-size) + var(--padding)));
height: calc(var(--toggle-size) + var(--padding));
}
.toggle > span::after {
content: '';
@apply absolute w-4 h-4 rounded-sm bg-chalkboard-110;
top: 50%;
left: 50%;
translate: calc(-100% - var(--padding)) -50%;
transition: translate 0.08s ease-out;
content: '';
@apply absolute w-4 h-4 rounded-sm bg-chalkboard-110;
top: 50%;
left: 50%;
translate: calc(-100% - var(--padding)) -50%;
transition: translate 0.08s ease-out;
}
.toggle input:checked + span::after {
translate: calc(50% - var(--padding)) -50%;
}
translate: calc(50% - var(--padding)) -50%;
}