@use "sb-element/core/theming";
@use "sb-element/core/border";
/*****************************************************************************
Toggle-Switch / Theme
******************************************************************************/

// THEME
@mixin theme($theme) {
  @include theming.for-each-color($theme) using ($color) {
    .sb-toggle-switch.sb--#{$color} {
      @include border.border($theme, $color, m);
      &.off div {
        background: theming.get-color($theme, $color);
      }

      &.on {
        background: theming.get-color($theme, $color);
        div {
          background: theming.get-text($theme, $color);
        }
      }
    }
  }
}