Sha256: 79201fa9c195dc945fdc4811dedba72fba085abd0d01b79eb0bc6a854590bd39

Contents?: true

Size: 802 Bytes

Versions: 10

Compression:

Stored size: 802 Bytes

Contents

@layer components {
  [data-coco][data-component="badge"] {
    @apply flex items-center whitespace-nowrap px-2 rounded-lg;
    width: min-content;

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

    &[data-size="sm"] {
      @apply badge-sm;
    }

    &[data-size="md"] {
      @apply badge-md;
    }

    &[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-coco-gray-300 text-content-dark-3;
    }

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

@layer utilities {
  .badge-sm {
    @apply py-1 label-sm;
  }

  .badge-md {
    @apply py-1 label-md;
  }
}

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
coveragebook_components-0.18.0 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.7 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.6 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.5 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.4 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.3 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.2 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.1 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.17.0 app/components/coco/indicators/badge/badge.css
coveragebook_components-0.16.0 app/components/coco/indicators/badge/badge.css