diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-21 13:10:11 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-21 13:10:11 +0200 |
| commit | f609aaba0c9a7c4d3c3d579a2a0021ecd5fc4028 (patch) | |
| tree | ab8964d6835d2d7f5e072520472b445b50d3fa74 /src/components/checkbox | |
| parent | 8a47069cee4bb85e7e1dc291e8d2e7aaf6fddf1d (diff) | |
improve checkbox styles
Diffstat (limited to 'src/components/checkbox')
| -rw-r--r-- | src/components/checkbox/checkbox.vue | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue index 9739c08b..eac79199 100644 --- a/src/components/checkbox/checkbox.vue +++ b/src/components/checkbox/checkbox.vue @@ -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; |