Link: Default

<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.