600 West

Link: Secondary 

<a class="link _secondary">
    
</a>
 
<a
    class="{{modifier}}"
    {{#if href}} href="{{{href}}}"{{/if}}
    {{#if title}} title="{{title}}"{{/if}}
    {{#if style}} style="{{style}}"{{/if}}
    {{#if tabindex}} tabindex="{{tabindex}}"{{/if}}
    {{#if target}} target="{{target}}"{{/if}}
    {{#if rel}} rel="{{rel}}"{{/if}}
    {{#if ariacontrols}} aria-controls="{{ariacontrols}}"{{/if}}
>
    {{{text}}}
    {{> @children}}
</a>
 
{
  "text": null,
  "style": null,
  "href": null,
  "tabindex": null,
  "target": null,
  "rel": null,
  "modifier": "link _secondary"
}
  • Content: 
    a {
    @include font-weight-semibold;
}
a._secondary {
    @include font-size-small;
    color: get-color(neutral, 500);
    text-decoration: none;
    &:hover {
        color: get-color(neutral, 800);
    }
}
a._underlined {
    color: theme-color(text);
    text-decoration: underline;
    &:hover {
        color: theme-color(text, dark);
    }
}
  • URL: /components/raw/link/Link.scss
  • Filesystem Path: components/atoms/Link/Link.scss
  • Size: 351 Bytes

There are no notes for this item.