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

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

@custom-variant overlay-open {
  &.open {
    @slot;
  }

  .open & {
    @slot;
  }
}

@custom-variant overlay-layout-open {
  &.overlay-body-open {
    @slot;
  }

  .overlay-body-open & {
    @slot;
  }
}

@custom-variant overlay-minified {
  &.minified {
    @slot;
  }

  .minified & {
    @slot;
  }

  .overlay-minified & {
    @slot;
  }
}

@custom-variant overlay-backdrop-open {
  &.overlay-backdrop {
    @slot;
  }

  .overlay-backdrop & {
    @slot;
  }
}