Skip to content

Instantly share code, notes, and snippets.

@pfulton
Created September 14, 2015 19:18
Show Gist options
  • Save pfulton/dcc14b24ee762b0ec29e to your computer and use it in GitHub Desktop.
Save pfulton/dcc14b24ee762b0ec29e to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
@mixin icon-base {
background-size: contain;
display: inline-block;
height: 18px;
width: 18px;
vertical-align: top;
}
%icon-base {
@include icon-base;
}
$icons: instagram twitter facebook mail;
@each $icon in $icons {
.icon-#{$icon} {
@extend %icon-base;
}
}
.icon-instagram, .icon-twitter, .icon-facebook, .icon-mail {
background-size: contain;
display: inline-block;
height: 18px;
width: 18px;
vertical-align: top;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment