360Giving Design System - Components

Anchors 

<p>
    This is an <a href="https://www.ccmdesign.ca/" target="_blank" rel="noopener">anchor link</a> that you can use in your paragraph.
</p>
 
<p>
    This is an <a href="https://www.ccmdesign.ca/" target="_blank" rel="noopener">anchor link</a> that you can use in your paragraph.
</p>
 
/* No context defined. */
  • Content: 
    a {
  font-weight: 400;
  color: hsla(var(--teal-dark-hsl), 1);
  text-decoration: underline;
  text-underline-position: under;

  &:hover { color: hsla(var(--orange-dark-hsl), 1);; }
  &:active { color: hsla(var(--yellow-dark-hsl), 1);; }
}
  • URL: /components/raw/anchors/anchors.scss
  • Filesystem Path: src/components/02-elements/anchors/anchors.scss
  • Size: 242 Bytes

No notes defined.