Sha256: 0f95612848674c7e09c9c2a5fb32b235d0260bdbc465b98193d7e97d9d558c3d

Contents?: true

Size: 757 Bytes

Versions: 25

Compression:

Stored size: 757 Bytes

Contents

@layer components {
  [data-coco][data-component="toast"] {
    @apply shadow-xl rounded-xl overflow-hidden w-full;
    max-width: 360px;

    /* Positioning */

    &[data-position="static"] {
      @apply static;
    }

    &[data-position="fixed"] {
      @apply fixed top-8 right-8;
      z-index: 10001;
    }

    /* Transitions */

    &.toast-enter {
      @apply transition ease-out duration-150;
    }

    &.toast-enter-start {
      @apply opacity-0 scale-90;
    }

    &.toast-enter-end {
      @apply opacity-100 scale-100;
    }

    &.toast-leave {
      @apply transition ease-in duration-300;
    }

    &.toast-leave-start {
      @apply opacity-100 scale-100;
    }

    &.toast-leave-end {
      @apply opacity-0 scale-90;
    }
  }
}

Version data entries

25 entries across 25 versions & 1 rubygems

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