<a class="">
    
</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
}
  • 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.