libs/ui/src/components/NeoSwitch/NeoSwitch.scss
@import '../../scss/_theme.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
$switch-padding: 0;
$switch-width: 3rem;
$switch-background: #{var(--background-color)};
$switch-border-color: #{var(--border-color)};
$switch-active-background-color: #{var(--toggle-primary)};
$switch-action-background: #{var(--toggle-active-switch)};
$switch-action-checked-background: #{var(--background-color)};
@import '@oruga-ui/oruga-next/src/scss/components/_switch.scss';
.o-switch {
&__check-switch {
@apply h-6 w-6 shadow-none border border-border-color -ml-px;
}
&__check {
@apply h-6 border;
}
&__check--checked &__check-switch {
@apply bg-background-color;
}
}