Skip to content

Instantly share code, notes, and snippets.

@paulinfrancis
Created December 4, 2015 11:28
Show Gist options
  • Save paulinfrancis/58b1ee7e39478fb61831 to your computer and use it in GitHub Desktop.
Save paulinfrancis/58b1ee7e39478fb61831 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@mixin variable-icon-font($icon-code) {
content: #{"\"\\"}#{$icon-code + "\""};
}
%icon-base-styles {
display: inline-block;
font-family: "mosaic-ico";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
$icons: (
diciplines: "EA01",
favorite: "\EA02",
recent: "\EA03",
systems: "\EA04"
);
@each $name, $icon in $icons {
.mico-#{$name}:before {
@extend %icon-base-styles;
@include variable-icon-font($icon);
}
}
@charset "UTF-8";
.mico-diciplines:before, .mico-favorite:before, .mico-recent:before, .mico-systems:before {
display: inline-block;
font-family: "mosaic-ico";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.mico-diciplines:before {
content: "\EA01";
}
.mico-favorite:before {
content: "\";
}
.mico-recent:before {
content: "\";
}
.mico-systems:before {
content: "\";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment