Sha256: 4df55066e253124ac23b0dab91c7d3edb4d95b3d2a0b9c07a864ff5cba60af6b
Contents?: true
Size: 701 Bytes
Versions: 12
Compression:
Stored size: 701 Bytes
Contents
// @page Pattern Library/Components
// @name Anchor links
//
// @description
// Anchor tag styling, with and without a border.
//
// @state .us-link - Adds a border bottom to the link.
// @state .us-link--light - Changes the link colours to white for when links are placed on dark backgrounds.
//
// @markup
// <a href="#" class="{$modifiers}">Link</a>
%anchor-link {
border-bottom: 1px solid;
}
a,
.us-link {
@include link-colors($c-blue, $c-typecyan, $c-blue, $c-blue, darken($c-blue, 15%));
text-decoration: none;
transition: color 333ms, border-color 333ms;
}
.us-link {
@extend %anchor-link;
}
.us-link--light {
@include link-colors(#fff, #fff, $c-keylinegrey, #fff, #fff);
}
Version data entries
12 entries across 12 versions & 1 rubygems