flyonui/src/js/plugins/select/variants.css

The easiest, free and open-source Tailwind CSS component library with semantic classes.

@custom-variant selected {
  &.selected {
    @slot;
  }

  .selected & {
    @slot;
  }
}

@custom-variant select-disabled {
  &.disabled {
    @slot;
  }

  .disabled & {
    @slot;
  }
}

@custom-variant select-active {
  &.active {
    @slot;
  }

  .active & {
    @slot;
  }
}

@custom-variant select-opened {
  &.opened {
    @slot;
  }
}