Skip to content

Instantly share code, notes, and snippets.

@trub
Created April 8, 2014 18:15
Show Gist options
  • Save trub/10165856 to your computer and use it in GitHub Desktop.
Save trub/10165856 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v0.7.0)
// ----
$icons: (mail '\e600') (facebook '\e601') (twitter '\e602') (youtube '\e603') (linkedin '\e604');
%ico-font-base {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 4em;
line-height: 4;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@each $icon in $icons {
.icon-#{nth($icon, 1)}:after {
content: nth($icon, 2);
@extend %ico-font-base;
}
}
.icon-mail:after, .icon-facebook:after, .icon-twitter:after, .icon-youtube:after, .icon-linkedin:after {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 4em;
line-height: 4;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-mail:after {
content: '\e600'; }
.icon-facebook:after {
content: '\e601'; }
.icon-twitter:after {
content: '\e602'; }
.icon-youtube:after {
content: '\e603'; }
.icon-linkedin:after {
content: '\e604'; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment