Skip to content

Instantly share code, notes, and snippets.

@uditveerwani
Created March 17, 2015 08:46
Show Gist options
  • Save uditveerwani/9d1092ebdece892a3717 to your computer and use it in GitHub Desktop.
Save uditveerwani/9d1092ebdece892a3717 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$icons: (
"play": "\f04b",
"pause": "\f04c"
);
@mixin icon($font){
&:before{
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: map-get($icons, $font);
}
}
@each $icon, $code in $icons {
.fa.fa-#{$icon}{
@include icon(#{$icon})
}
}
@charset "UTF-8";
.fa.fa-play:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
.fa.fa-pause:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment