preline/src/plugins/overlay/variants.css

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

@custom-variant hs-overlay-open {

  &.open {
    @slot;
  }

  .open & {
    @slot;
  }
}

@custom-variant hs-overlay-layout-open {

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

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

@custom-variant hs-overlay-backdrop-open {

  &.hs-overlay-backdrop {
    @slot;
  }

  .hs-overlay-backdrop & {
    @slot;
  }
}