Colored Links

Apply theme-aware color to links with .velin-link-{color} helpers. Each link includes a subtle hover darkening effect.

VelinStyle ships six link helpers (primary through info). There are no velin-link-light or velin-link-dark classes — use velin-text-muted with a normal link for subdued text.

Available variants

Muted body text with a default link (no helper class).

<a href="#" class="velin-link-primary">Primary link</a>
<a href="#" class="velin-link-secondary">Secondary link</a>
<a href="#" class="velin-link-success">Success link</a>
<a href="#" class="velin-link-danger">Danger link</a>
<a href="#" class="velin-link-warning">Warning link</a>
<a href="#" class="velin-link-info">Info link</a>
<p class="velin-text-muted">Muted text with a <a href="#">default link</a></p>