Sha256: dfddd7b276584e179966b18255a2f2d408cf5115e31f80bd7dcd07843965ae2e

Contents?: true

Size: 934 Bytes

Versions: 49

Compression:

Stored size: 934 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-8 h-8;
    }

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

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

    /* Motion */

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

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

Version data entries

49 entries across 49 versions & 1 rubygems

Version Path
coveragebook_components-0.19.8 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.7 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.6 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.5 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.4 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.3 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.2 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.1 app/components/coco/images/icon/icon.css
coveragebook_components-0.19.0 app/components/coco/images/icon/icon.css
coveragebook_components-0.18.8 app/components/coco/images/icon/icon.css
coveragebook_components-0.18.7 app/components/coco/images/icon/icon.css
coveragebook_components-0.18.0 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.7 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.6 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.5 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.4 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.3 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.2 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.1 app/components/coco/images/icon/icon.css
coveragebook_components-0.17.0 app/components/coco/images/icon/icon.css