Sha256: f97aa212f8edb949cb8d0d90b4bddacd081daca144725f98b73a358fb235368b

Contents?: true

Size: 873 Bytes

Versions: 10

Compression:

Stored size: 873 Bytes

Contents

@layer components {
  [data-coco][data-component="icon"] {
    @apply flex flex-none w-6 h-6 text-current overflow-hidden;

    svg {
      @apply icon w-full h-full;
    }

    /* Styles */

    &[data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg {
      @apply icon-stroke;
    }

    &[data-icon][data-style="fill"] svg {
      @apply icon-fill;
    }

    /* Sizes */

    &[data-size="xs"] {
      @apply w-3 h-3;
    }

    &[data-size="sm"] {
      @apply w-4 h-4;
    }

    &[data-size="md"] {
      @apply w-5 h-5;
    }

    &[data-size="lg"] {
      @apply w-6 h-6;
    }

    &[data-size="xl"] {
      @apply w-9 h-9;
    }

    &[data-size="xxl"] {
      @apply w-12 h-12;
    }

    /* Motion */

    &[data-spin="true"] svg {
      @apply animate-spin;
    }

    &[data-spin="reverse"] svg {
      @apply animate-spin-reverse;
    }
  }
}

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
coveragebook_components-0.7.9 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.8 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.7 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.6 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.5 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.4 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.3 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.2 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.1 app/components/coco/base/icon/icon.css
coveragebook_components-0.7.0 app/components/coco/base/icon/icon.css