Icon Divider 

<div class="icon-divider">
    <span class="icon icon-arrow-long-down icon--brand-primary icon-divider__image"></span>
</div>
 
<div class="icon-divider">
    <span class="icon icon-arrow-long-down icon--brand-primary icon-divider__image"></span>
</div>
 
/* No context defined. */
  • Content: 
    .icon-divider {
  padding-top: $spacer-base;
  padding-bottom: $spacer-base;
  text-align: center;
}

.icon-divider__image {
  width: 1.44rem;
  height: 8.7rem;
}
  • URL: /components/raw/icon-divider/_icon-divider.scss
  • Filesystem Path: components/04-molecules/visual-divider/icon-divider/_icon-divider.scss
  • Size: 163 Bytes
  • Handle: @icon-divider
  • Preview:
  • Filesystem Path: components/04-molecules/visual-divider/icon-divider/icon-divider.html

No notes defined.