<ul class="social-media-bar">
    <li class="social-media-bar__item"><a href="#" class="social-media-bar__link"><i class="social-media-bar__icon icon icon-twitter"></i></a>
    </li>
    <li class="social-media-bar__item"><a href="#" class="social-media-bar__link"><i class="social-media-bar__icon icon icon-facebook"></i></a>
    </li>
    <li class="social-media-bar__item"><a href="#" class="social-media-bar__link"><i class="social-media-bar__icon icon icon-linkedin"></i></a>
    </li>
    <li class="social-media-bar__item"><a href="#" class="social-media-bar__link"><i class="social-media-bar__icon icon icon-xing"></i></a>
    </li>
</ul>
<ul class="social-media-bar">
    <li class="social-media-bar__item">
        <a href="#" class="social-media-bar__link">
            <i class="social-media-bar__icon icon icon-twitter"></i>
        </a>
    </li>
    <li class="social-media-bar__item">
        <a href="#" class="social-media-bar__link">
            <i class="social-media-bar__icon icon icon-facebook"></i>
        </a>
    </li>
    <li class="social-media-bar__item">
        <a href="#" class="social-media-bar__link">
            <i class="social-media-bar__icon icon icon-linkedin"></i>
        </a>
    </li>
    <li class="social-media-bar__item">
        <a href="#" class="social-media-bar__link">
            <i class="social-media-bar__icon icon icon-xing"></i>
        </a>
    </li>
</ul>
/* No context defined for this component. */
  • Content:
    .social-media-bar {
      @extend %list-unstyled;
    }
    
    .social-media-bar__item {
      display: inline-block;
    
      & + & {
        margin-left: $spacer-md;
      }
    }
    
    .social-media-bar__link {
      @extend %link-unstyled;
    }
    
    .social-media-bar__icon {
      // sass-lint:disable no-vendor-prefixes
      -webkit-text-stroke-width: 0;
    }
    
  • URL: /components/raw/social-media-bar/_social-media-bar.scss
  • Filesystem Path: components/02-molecules/social-media-bar/_social-media-bar.scss
  • Size: 304 Bytes
  • Handle: @social-media-bar
  • Preview:
  • Filesystem Path: components/02-molecules/social-media-bar/social-media-bar.html

There are no notes for this item.