Skip to content

Instantly share code, notes, and snippets.

@anotheruiguy
Created February 10, 2014 23:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anotheruiguy/8926475 to your computer and use it in GitHub Desktop.
Save anotheruiguy/8926475 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<button class="image-stack"></button>
<button class="home"></button>
<button class="select-image"></button>
<button class="launch-camera"></button>
<button class="my-location"></button>
// ----
// libsass (v0.7.0)
// ----
$icon_font_alpha: 'ico-font' !default;
$default_ico_margin: true !default;
$stack: '\e600';
$home: '\e601';
$image: '\e602';
$images: '\e603';
$camera: '\e604';
$location: '\e605';
%ico-font-base {
font-family: $icon_font_alpha;
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin icon($pua, $margin: $default_ico_margin) {
&:before {
@extend %ico-font-base;
content: $pua;
@if $margin == true {
margin-right: 0.25em;
}
}
}
button {
font-size: 2em;
border-radius: 3px;
background-color: white;
border: 1px solid #333;
padding: 10px;
}
.image-stack {
@include icon('\e600', false);
}
.home {
@include icon($home);
}
.select-image {
@include icon($image);
}
.launch-camera {
@include icon($camera);
}
.my-location {
@include icon($location);
}
.image-stack:before, .home:before, .select-image:before, .launch-camera:before, .my-location:before {
font-family: 'ico-font';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
button {
font-size: 2em;
border-radius: 3px;
background-color: white;
border: 1px solid #333;
padding: 10px; }
.image-stack:before {
content: '\e600'; }
.home:before {
content: '\e601';
margin-right: 0.25em; }
.select-image:before {
content: '\e602';
margin-right: 0.25em; }
.launch-camera:before {
content: '\e604';
margin-right: 0.25em; }
.my-location:before {
content: '\e605';
margin-right: 0.25em; }
<button class="image-stack"></button>
<button class="home"></button>
<button class="select-image"></button>
<button class="launch-camera"></button>
<button class="my-location"></button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment