Sha256: a07f9afdb13e0758827f8c02c45c3171d59f3d9766d0593aeb952ea1dd00a680
Contents?: true
Size: 687 Bytes
Versions: 5
Compression:
Stored size: 687 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 {
text-decoration: underline;
}
a,
.us-link {
@extend %anchor-link;
@include link-colors($c-uswitch-navy, $c-darker-grey, $c-uswitch-navy, $c-uswitch-navy, $c-uswitch-navy);
transition: color 333ms;
}
.us-link--light {
@include link-colors($c-white, $c-super-light-grey, $c-white, $c-white, $c-white);
}
Version data entries
5 entries across 5 versions & 1 rubygems