Component Library

Link: Phone 

<a href="tel:72520000" title="phone number" target="" class="link   " property="url">7252 0000</a>
 
{{> @link urlType="tel:" }}
 
{
  "url": "72520000",
  "text": "7252 0000",
  "target": null,
  "title": "phone number"
}
  • 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.