kodadot/nft-gallery

View on GitHub
libs/ui/src/components/NeoSwitch/NeoSwitch.scss

Summary

Maintainability
Test Coverage
@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;
  }
}