Components
Link(SCSS)
Color and style variations for anchor links.
| Version: | 4.0.3 •View source•Changelog•Report issue | |
|---|---|---|
| Install: | yarn add @thumbtack/thumbprint-scss | |
Link styles
The tp-link classes are used to style anchor tags.
Blue links are the most common link style. No CSS class is needed since the style is applied globally.
Learn more about Thumbtack on Facebook.
Secondary link color
Tertiary link color
These links render as white text with an underline. They work well on dark backgrounds.
Learn more about Thumbtack on Facebook.
Inherit link color
Links render as blue by default because of a global style applied to tags. This causes problems when wrapping multiple HTML elments in an anchor.
The tp-link--inherit class undoes the global styling, resetting the link style so that it inherits the parent element’s color.
Links that look like buttons
You can use tp-button classes to create links that visaully look like buttons.
Take a look at the tp-button documentation for more examples.