Sha256: f1e8dd31b6f2d4adf713e4506f94fc632069525eda96d38778256ec25e695b74

Contents?: true

Size: 690 Bytes

Versions: 8

Compression:

Stored size: 690 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 truncate uppercase font-bold tracking-wide mb-2;
    }

    & .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

8 entries across 8 versions & 1 rubygems

Version Path
lookbook-2.0.0.rc.2 app/components/lookbook/message/component.css
lookbook-2.0.0.rc.1 app/components/lookbook/message/component.css
lookbook-2.0.0.beta.9 app/components/lookbook/message/component.css
lookbook-2.0.0.beta.8 app/components/lookbook/message/component.css
lookbook-2.0.0.beta.7 app/components/lookbook/message/component.css
lookbook-2.0.0.beta.6 app/components/lookbook/message/component.css
lookbook-2.0.0.beta.5 app/components/lookbook/message/component.css
lookbook-2.0.0.beta.4 app/components/lookbook/message/component.css