|
|
@ -10,7 +10,10 @@
|
|
|
|
:indeterminate="indeterminate"
|
|
|
|
:indeterminate="indeterminate"
|
|
|
|
@change="$emit('update:modelValue', $event.target.checked)"
|
|
|
|
@change="$emit('update:modelValue', $event.target.checked)"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<i class="checkbox-indicator" />
|
|
|
|
<i
|
|
|
|
|
|
|
|
class="checkbox-indicator"
|
|
|
|
|
|
|
|
:aria-hidden="true"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<span
|
|
|
|
<span
|
|
|
|
v-if="!!$slots.default"
|
|
|
|
v-if="!!$slots.default"
|
|
|
|
class="label"
|
|
|
|
class="label"
|
|
|
@ -33,6 +36,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
<style lang="scss">
|
|
|
|
@import "../../variables";
|
|
|
|
@import "../../variables";
|
|
|
|
|
|
|
|
@import "../../mixins";
|
|
|
|
|
|
|
|
|
|
|
|
.checkbox {
|
|
|
|
.checkbox {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
@ -81,7 +85,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type="checkbox"] {
|
|
|
|
input[type="checkbox"] {
|
|
|
|
display: none;
|
|
|
|
@include visible-for-screenreader-only;
|
|
|
|
|
|
|
|
|
|
|
|
&:checked + .checkbox-indicator::before {
|
|
|
|
&:checked + .checkbox-indicator::before {
|
|
|
|
color: $fallback--text;
|
|
|
|
color: $fallback--text;
|
|
|
|