Sha256: d0bd31a215042dc513b54ae78cf80241320be1fcb4a52f4d6e8dd0bf437a4d7f

Contents?: true

Size: 1.48 KB

Versions: 11

Compression:

Stored size: 1.48 KB

Contents

@layer components {
  [data-coco][data-component="badge"] {
    @apply flex items-center whitespace-nowrap px-2 py-0.5 label-sm rounded-xl antialiased;
    width: min-content;

    .badge-icon {
      @apply mr-1;
    }

    &[data-theme="neutral-dark"] {
      @apply bg-background-dark-1 text-content-light-1;
    }

    &[data-theme="neutral-light"] {
      @apply bg-background-light-1 text-content-dark-1;
    }

    &[data-theme="neutral-muted"] {
      @apply bg-gray-transparent-50 text-content-dark-1;
    }

    &[data-theme="primary"] {
      @apply bg-background-primary text-content-light-1;
    }

    &[data-theme="positive"] {
      @apply bg-background-positive text-content-light-1;
    }

    &[data-theme="negative"] {
      @apply bg-background-negative text-content-light-1;
    }

    &[data-theme="warning"] {
      @apply bg-background-warning text-content-light-1;
    }

    &[data-theme="info"] {
      @apply bg-background-info text-content-light-1;
    }

    &[data-theme="primary-light"] {
      @apply bg-background-primary-light text-content-dark-1;
    }

    &[data-theme="positive-light"] {
      @apply bg-background-positive-light text-content-dark-1;
    }

    &[data-theme="negative-light"] {
      @apply bg-background-negative-light text-content-dark-1;
    }

    &[data-theme="warning-light"] {
      @apply bg-background-warning-light text-content-dark-1;
    }

    &[data-theme="info-light"] {
      @apply bg-background-info-light text-content-dark-1;
    }
  }
}

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
coveragebook_components-0.19.8 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.7 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.6 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.5 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.4 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.3 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.2 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.1 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.19.0 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.18.8 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.18.7 app/components/coco/indicators/badge/badge.css