improve checkbox styles

This commit is contained in:
Henry Jameson 2024-02-21 13:10:11 +02:00
commit f609aaba0c
7 changed files with 22 additions and 13 deletions

View file

@ -12,7 +12,7 @@
@change="$emit('update:modelValue', $event.target.checked)"
>
<i
class="input checkbox-indicator"
class="input -checkbox checkbox-indicator"
:aria-hidden="true"
@transitionend.capture="onTransitionEnd"
/>
@ -82,8 +82,7 @@ export default {
transition: color 200ms;
width: 1.1em;
height: 1.1em;
border-radius: $fallback--checkboxRadius;
border-radius: var(--checkboxRadius, $fallback--checkboxRadius);
border-radius: var(--roundness);
box-shadow: var(--shadow);
background-color: var(--background);
vertical-align: top;