Component Library

Link 

<a href="url" title="Link title" target="_blank" class="link   " property="url">Link text</a>
 
<a href="{{ urlType }}{{ url }}" title="{{ title }}" target="{{ target }}" class="link {{ active }} {{ modifier }} {{ class }}" property="url">{{ text }}</a>
 
{
  "url": "url",
  "text": "Link text",
  "target": "_blank",
  "title": "Link title"
}
  • Content: 
    /*
 * Element: Link
 */

/*Setting document variables*/
:root {
    --link-color: var(--color-primary);
    --link-font-family: var(--base-font-family);
}

/*Link style*/
.link {
    color: var(--link-color);
    font-family: var(--link-font-family);

    &:hover,
    &:focus {
        color: shade(var(--link-color), 10%);
        outline: none;
    }
}
  • URL: /components/raw/link/link.css
  • Filesystem Path: src/01-atoms/links/link/link.css
  • Size: 356 Bytes

There are no notes for this item.