Sha256: 4993ff0f48b3c01e8ca2b44319f022969e97a572b5bb8f1d1e03b0c06978e4d7

Contents?: true

Size: 760 Bytes

Versions: 17

Compression:

Stored size: 760 Bytes

Contents

@layer components {
  [data-coco][data-component="app-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: 1000;
    }

    /* 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

17 entries across 17 versions & 1 rubygems

Version Path
coveragebook_components-0.7.2 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.7.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.7.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.6.5 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.6.4 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.6.3 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.6.2 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.6.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.6.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.7 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.6 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.5 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.4 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.3 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.2 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.5.0 app/components/coco/app/elements/toast/toast.css