<a class="link _underlined">
</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 _underlined"
}
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);
}
}
There are no notes for this item.