Sha256: 10649c1620d4ae8d5bb93c31cd603514769e240f774243adc5a7c789d1a38ae1

Contents?: true

Size: 712 Bytes

Versions: 17

Compression:

Stored size: 712 Bytes

Contents

@layer components {
  [data-component="message"] {
    @apply bg-lookbook-message-bg p-4 xs:p-6 shadow border border-lookbook-divider rounded flex gap-6 w-full;

    &.icon-right {
      @apply flex-row-reverse items-center;
    }

    &.icon-left {
      @apply items-start;
    }

    & .message-title {
      @apply text-base text-lookbook-message-title uppercase font-bold tracking-wide mb-2;
      overflow-wrap: anywhere;
    }

    & .message-icon {
      @apply flex-none opacity-30 hidden xs:block;
    }

    &.theme-error {
      @apply border-red-200;

      & .message-title {
        @apply text-red-700;
      }

      & .message-icon {
        @apply text-red-600 opacity-50;
      }
    }
  }
}

Version data entries

17 entries across 17 versions & 1 rubygems

Version Path
lookbook-2.3.5 app/components/lookbook/message/component.css
lookbook-2.3.4 app/components/lookbook/message/component.css
lookbook-2.3.3 app/components/lookbook/message/component.css
lookbook-2.3.2 app/components/lookbook/message/component.css
lookbook-2.3.0 app/components/lookbook/message/component.css
lookbook-2.2.2 app/components/lookbook/message/component.css
lookbook-2.2.1 app/components/lookbook/message/component.css
lookbook-2.2.0 app/components/lookbook/message/component.css
lookbook-2.1.1 app/components/lookbook/message/component.css
lookbook-2.1.0 app/components/lookbook/message/component.css
lookbook-2.0.5 app/components/lookbook/message/component.css
lookbook-2.0.4 app/components/lookbook/message/component.css
lookbook-2.0.3 app/components/lookbook/message/component.css
lookbook-2.0.2 app/components/lookbook/message/component.css
lookbook-2.0.1 app/components/lookbook/message/component.css
lookbook-2.0.0 app/components/lookbook/message/component.css
lookbook-2.0.0.rc.3 app/components/lookbook/message/component.css