Sha256: 4ff4faf2bd64092f0c35ad0f6628fbf2b2dba355d85d0910cd226277afedb6e8

Contents?: true

Size: 784 Bytes

Versions: 11

Compression:

Stored size: 784 Bytes

Contents

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

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

    /* Styles */

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

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

    /* Sizes */

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

11 entries across 11 versions & 1 rubygems

Version Path
coveragebook_components-0.6.2 app/components/coco/base/icon/icon.css
coveragebook_components-0.6.1 app/components/coco/base/icon/icon.css
coveragebook_components-0.6.0 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.7 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.6 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.5 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.4 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.3 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.2 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.1 app/components/coco/base/icon/icon.css
coveragebook_components-0.5.0 app/components/coco/base/icon/icon.css