Sha256: d797d73fd927db59a284eebf3b0d462ce7191ac9baf4336172b679093661fc1d

Contents?: true

Size: 869 Bytes

Versions: 54

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

54 entries across 54 versions & 1 rubygems

Version Path
coveragebook_components-0.19.8 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.7 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.6 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.5 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.4 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.3 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.2 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.1 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.19.0 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.18.8 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.18.7 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.18.0 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.7 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.6 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.5 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.4 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.3 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.2 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.1 app/components/coco/modals/modal_lightbox/modal_lightbox.css
coveragebook_components-0.17.0 app/components/coco/modals/modal_lightbox/modal_lightbox.css