Link
Link component pack for Seed
Install
npm install seed-link --save
Dependencies
Usage
Once the pack has been @import, the seed-link styles will automatically be added to the base <a> HTML component.
<a href="#">Link</a>You may also used the .c-link component class to style your <a> or another selector.
<a class="c-link" href="#">Actual Link</a>
<button class="c-link">Button Link</button>Configurations
Below are the default Sass configuration variables for seed-link. The variables can be found in the pack’s _config.scss file.
seed-link/_config.scss// Namespaces
$seed-link-namespace: "c-link" !default;
// Config
$seed-link-include-a-selector: true !default;
// Colors
$seed-link-color: #3197d6 !default;
$seed-link-color-hover: #71BFF1 !default;
$seed-link-color-active: #71BFF1 !default;
// Outline
$seed-link-focus-outline: 5px auto -webkit-focus-ring-color !default;
$seed-link-focus-outline-offset: -2px !default;
// Transition
$seed-link-transition: none !default;