Sha256: 3eef5b371b81efd9c627ab8cb42d08ba912c3f640b69e209163eef11106f537b

Contents?: true

Size: 1.53 KB

Versions: 30

Compression:

Stored size: 1.53 KB

Contents

@layer components {
  [data-coco].coco-link {
    @apply inline-flex items-center;

    &.with-icon {
      > [data-component="icon"] {
        @apply order-1 mr-[0.4em];
      }

      .link-text {
        @apply order-2;
      }

      &[data-icon-position="end"] {
        .link-text {
          @apply order-1 mr-[0.4em];
        }

        [data-component="icon"] {
          @apply order-2 mr-0;
        }
      }
    }

    &[data-theme] {
      @apply no-underline hover:underline;
    }

    &[data-underline="true"] {
      @apply underline;
    }

    &[data-underline="false"] {
      @apply no-underline;
    }

    &[data-theme="primary"] {
      @apply link-primary;
    }

    &[data-theme="positive"] {
      @apply link-positive;
    }

    &[data-theme="negative"] {
      @apply link-negative;
    }

    &[data-theme="warning"] {
      @apply link-warning;
    }

    &[data-theme="info"] {
      @apply link-info;
    }

    &[data-theme="neutral-dark"] {
      @apply link-neutral-dark;
    }

    &[data-theme="neutral-light"] {
      @apply link-neutral-light;
    }
  }
}

@layer utilities {
  .link-primary,
  .link-positive {
    @apply text-content-primary active:text-green-700;
  }

  .link-negative {
    @apply text-content-negative active:text-red-800;
  }

  .link-warning {
    @apply text-content-warning  active:text-amber-800;
  }

  .link-info {
    @apply text-content-info active:text-info-800;
  }

  .link-neutral-dark {
    @apply text-content-dark-1;
  }

  .link-neutral-light {
    @apply text-content-light-1;
  }
}

Version data entries

30 entries across 30 versions & 1 rubygems

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