Quote

There are no notes for this item.

<a href="#">Link</a>
<br><br>
<a href="#" class="more-link">Learn more <svg role="img" class="more-link__arrow"><use xlink:href="../../svg/svg-symbols.svg#long-arrow-right"></use></svg></a>
/* No context defined for this component. */
  • Content:
    /*------------------------------------*\
    	Links
    \*------------------------------------*/
    
    .more-link {
    	display: inline-flex;
    	justify-content: center;
    	align-items: center;
    	text-transform: uppercase;
    	color: $color-primary;
    	font-weight: 500;
    	font-family: $font-family-display;
    }
    
    .more-link__arrow {
    	width: 24px;
    	max-height: 24px;
    	margin-left: 0.5rem;
    	fill: $color-primary;
    }
    
  • URL: /components/raw/links/links.scss
  • Filesystem Path: components/01-core/links/links.scss
  • Size: 384 Bytes