V6 Clearleft Patterns

Icon 

<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-left ">
    <use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-left"></use>
</svg>
 
{% set class = classes is defined and classes ? classes : '' %}
{% if size is defined %}{% set class = class ~ ' Icon--' ~ size %}{% endif %}

<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--{{ id }} {{ class }}">
  <use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#{{ id }}"></use>
</svg>
 
{
  "id": "arrow-left"
}
  • Content: 
    .Icon {
  width: 1em;
  height: 1em;
  color: inherit;
  font-size: inherit;

  &--s {
    font-size: 1.25rem;
  }

  &--m {
    font-size: 1.5rem;
  }

  &--l {
    font-size: 2.25rem;
  }
}
  • URL: /components/raw/icon/icon.css
  • Filesystem Path: src/templates/components/icon/icon.css
  • Size: 192 Bytes

No notes defined.