// ============================================================================= // Icons // =============================================================================

// Settings // =============================================================================

@charset “UTF-8”;

@font-face {

font-family: ionicons;
src: url(font_path("ionicons/ionicons.eot?#iefix")) format("embedded-opentype"),
url(font_path("ionicons/ionicons.woff")) format("woff"),
url(font_path("ionicons/ionicons.ttf"))  format("truetype");

}

// Component // =============================================================================

.icon {

display: inline-block;
width: 1.1em;
font-family: ionicons;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
text-align: center;

}

// Descendant // =============================================================================

$ionicons-prefix: icon- !default; $ionicon-android-camera: “f2d3”; $ionicon-android-person: “f3a0”; $ionicon-at: “f10f”; $ionicon-ios-arrow-thin-left: “f3d5”; $ionicon-ios-arrow-thin-right: “f3d6”; $ionicon-social-bitcoin: “f2af”; $ionicon-social-dribbble-outline: “f22c”; $ionicon-social-facebook: “f231”; $ionicon-social-github: “f233”; $ionicon-social-linkedin: “f239”; $ionicon-social-rss: “f23d”; $ionicon-social-twitter: “f243”;

.#{$ionicons-prefix}flickr:before {

content: $ionicon-android-camera;

} .#{$ionicons-prefix}about:before {

content: $ionicon-android-person;

} .#{$ionicons-prefix}email:before {

content: $ionicon-at;

} .#{$ionicons-prefix}arrow-left:before {

content: $ionicon-ios-arrow-thin-left;

} .#{$ionicons-prefix}arrow-right:before {

content: $ionicon-ios-arrow-thin-right;

} .#{$ionicons-prefix}bitcoin:before {

content: $ionicon-social-bitcoin;

} .#{$ionicons-prefix}dribbble:before {

content: $ionicon-social-dribbble-outline;

} .#{$ionicons-prefix}facebook:before {

content: $ionicon-social-facebook;

} .#{$ionicons-prefix}github:before {

content: $ionicon-social-github;

} .#{$ionicons-prefix}linkedin:before {

content: $ionicon-social-linkedin;

} .#{$ionicons-prefix}rss:before {

content: $ionicon-social-rss;

} .#{$ionicons-prefix}twitter:before {

content: $ionicon-social-twitter;

}