Link Module

The Link module provides a styled link-like element with underline animation, configurable sizes and colors, and proper disabled state. It extends the base Element module.

Default LinkPrimary LinkGreen LinkCherryDisabled Link

Signature:

@mixin use-link($colors: (), $sizes: ());

Example:

@include termeh.use-link(("primary", "danger"), ("small", "large"));

Module:

This module is registered as link in the presented modules.

Dependencies

Link module uses the following Termeh global var():

Component	Type	Usage	Default
base → foreground	Color	Default link color	black
control → height	Number	Link height	2.2em
decorator → size	Color	Loading spinner thickness	null

Modifiers

• .is-loading → applies loading state
• .is-disabled → applies disabled state
• .is-<size> → applies a registered size as font size
• .is-<color> → applies a registered color as accent color