Sha256: 67edf8f8945186b9db8b66d3ee1286938cddd0fefb1d73d5fcd7f2556d978af2

Contents?: true

Size: 761 Bytes

Versions: 31

Compression:

Stored size: 761 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: 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

31 entries across 31 versions & 1 rubygems

Version Path
coveragebook_components-0.12.2 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.12.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.12.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.11.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.10.1.beta.2 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.10.1.beta.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.10.1.beta.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.10.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.9.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.9.0 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.9 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.8 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.7 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.6 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.5 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.4 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.3 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.2 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.1 app/components/coco/app/elements/toast/toast.css
coveragebook_components-0.8.0 app/components/coco/app/elements/toast/toast.css