<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. */
.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;
}
There are no notes for this item.