Links
Styling text links
Links, the a element with a href attribute, have
their default browser underline and a blue colour to be consistent with web
conventions and be as identifiable as possible. Some exceptions exist, such as
navigation menus and custom card elements, which appear in a context where
they are clearly identified as such or use other cues to signify what they
are.
| Class | Declaration | Colour | Usage | |
|---|---|---|---|---|
color: hsl(212, 100%, 43%); |
Mybring | Default Mybring link style | ||
| link-white | color: #fff; |
Mybring | In the very rare occasion that you have such a dark background that you need a white link. |
Links and buttons
We must understand Links vs. Buttons in Modern Web Applications to avoid using them interchangeably or nested inside each other. Yet, the two can sometimes benefit from looking the same, mainly when appearing side by side. There is a special hybrid class for such occasions.