Sha256: d797d73fd927db59a284eebf3b0d462ce7191ac9baf4336172b679093661fc1d

Contents?: true

Size: 869 Bytes

Versions: 55

Compression:

Stored size: 869 Bytes

Contents

@layer components {
  [data-coco][data-component="modal-lightbox"] {
    @apply relative;
    width: fit-content;

    .modal-lightbox-close {
      @apply flex-none p-2 absolute -right-1.5 -top-1.5 sm:-right-4 sm:-top-4 rounded-full transition-all z-20;
      @apply bg-background-dark-1 text-content-light-1;
      @apply focus:ring-0 focus:outline-none text-content-light-1 shadow-md;
    }

    .modal-lightbox-content {
      @apply rounded-xl overflow-hidden min-w-[100px] min-h-[100px] relative;
      width: fit-content;
    }

    .modal-lightbox-loader {
      @apply flex items-center justify-center absolute inset-0 opacity-70 bg-black/60 text-white;
    }

    .modal-lightbox-media {
      @apply relative z-10;

      img {
        width: 100%;
      }
    }

    &.loaded {
      .modal-lightbox-content {
        @apply shadow-2xl;
      }
    }
  }
}

Version data entries

55 entries across 55 versions & 1 rubygems

Version Path
coveragebook_components-0.8.5 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.4 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.3 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.2 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.1 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.0 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.0.beta.3 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.0.beta.2 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.8.0.beta.1 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.7.10 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.7.9 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.7.8 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.7.7 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.7.6 app/components/coco/base/modal_lightbox/modal_lightbox.css
coveragebook_components-0.7.5 app/components/coco/base/modal_lightbox/modal_lightbox.css