Component Library

Link: Email 

<a href="mailTo:mail@mail.dk" title="e-mail" target="_blank" class="link   " property="url">mail@mail.dk</a>
 
{{> @link urlType="mailTo:" }}
 
{
  "url": "mail@mail.dk",
  "text": "mail@mail.dk",
  "target": "_blank",
  "title": "e-mail"
}
  • 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.