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

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

@custom-variant dropdown-open {
  &.dropdown-menu.open {
    @slot;
  }

  .dropdown.open > & {
    @slot;
  }

  .dropdown.open > .dropdown-toggle & {
    @slot;
  }

  .dropdown.open > .dropdown-menu > & {
    @slot;
  }
}

@custom-variant dropdown-item-disabled {
  .dropdown.open > .dropdown-menu &.disabled {
    @slot;
  }
}

@custom-variant dropdown-item-checked {
  .dropdown.open .dropdown-menu [aria-checked="true"] & {
    @slot;
  }

  .dropdown.open .dropdown-menu &[aria-checked="true"] {
    @slot;
  }
}