@use "sb-element/core/theming";
/*****************************************************************************
Select-button / Theme
******************************************************************************/

// THEME
@mixin theme($theme) {
  @include theming.for-each-color($theme) using ($color) {
    .sb-select-button {
      &.sb--#{$color} &__option {
        background: theming.get-color($theme, $color);
        color: theming.get-text($theme, $color);
        &:hover {
          background: theming.get-color-inverted($theme, $color);
          color: theming.get-text-inverted($theme, $color);
        }
        &:disabled:hover {
          background: theming.get-color($theme, $color);
          color: theming.get-text($theme, $color);
        }
      }
    }
  }
}