Contents

@layer components {
  [data-coco][data-component="modal-dialog"] {
    @apply shadow-2xl rounded-xl w-full;
    @apply max-w-2xl; /* temp until sizes added */

    .modal-dialog-header {
      @apply relative flex items-center justify-center;
      @apply px-4 sm:px-8 h-14 sm:h-16 border-b border-gray-300 rounded-t-xl bg-white;
    }

    .modal-dialog-title {
      @apply text-lg pr-6 w-full font-semibold truncate;
    }

    .modal-dialog-close {
      @apply flex-none block p-2 absolute top-1/2 right-1 sm:right-3 -translate-y-1/2;
      @apply focus:ring-0 focus:outline-none text-content-dark-muted hover:text-content-dark-2;
    }

    .modal-dialog-content {
      @apply px-4 sm:px-8 py-4 sm:py-6 rounded-xl bg-background-light-3;
    }

    .modal-dialog-header + .modal-dialog-content {
      @apply rounded-t-none;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
coveragebook_components-0.7.2	app/components/coco/base/modal_dialog/modal_dialog.css
coveragebook_components-0.7.1	app/components/coco/base/modal_dialog/modal_dialog.css