Contents

/* Links */

.Link {
  color: var(--color-accent-fg);
}

.Link:hover {
    text-decoration: underline;
    cursor: pointer;
  }

.Link:focus,
  .Link:focus-visible {
    outline-offset: 0;
  }

.Link--primary {
  color: var(--color-fg-default) !important;
}

.Link--primary:hover {
    color: var(--color-accent-fg) !important;
  }

.Link--secondary {
  color: var(--color-fg-muted) !important;
}

.Link--secondary:hover {
    color: var(--color-accent-fg) !important;
  }

.Link--muted {
  color: var(--color-fg-muted) !important;
}

.Link--muted:hover {
    color: var(--color-accent-fg) !important;
  }

.Link--muted:hover {
    text-decoration: none;
  }

/* Set the link color only on hover
   Useful when you want only part of a link to turn blue on hover */

.Link--onHover:hover {
    color: var(--color-accent-fg) !important;
  }

.Link--onHover:hover {
    text-decoration: underline;
    cursor: pointer;
  }

/* When using a color utility class inside of a link class
   color should change with link on hover. */

.Link--secondary:hover [class*='color-fg'], .Link--primary:hover [class*='color-fg'], .Link--muted:hover [class*='color-fg'] {
    color: inherit !important;
  }

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
yattho_view_components-0.0.1	app/components/yattho/beta/link.css