Created
March 8, 2014 22:46
-
-
Save ntassone/9440174 to your computer and use it in GitHub Desktop.
Entypo SCSS file
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$icon_font: 'EntypoRegular'; | |
$icon_prefix: dicon; | |
$icon_color: inherit; | |
$icon_color_hover: inherit; | |
@font-face { | |
font-family: $icon_font; | |
src: url('../fonts/entypo/entypo.eot'); | |
src: url('../fonts/entypo/entypo.eot#iefix') format('embedded-opentype'), | |
url('../fonts/entypo/entypo.woff') format('woff'), | |
url('../fonts/entypo/entypo.ttf') format('truetype'), | |
url('../fonts/entypo/entypo.svg#EntypoRegular') format('svg'); | |
font-style: normal; | |
font-weight: normal; | |
} | |
@mixin entypo-icon { | |
position: relative; | |
display: inline-block; | |
font-family: $font-icon; | |
font-size: 2em; | |
font-style: normal; | |
font-weight: normal; | |
line-height: 0; | |
color: $icon_color; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
[class^="#{$icon-prefix}"], | |
[class*=" #{$icon-prefix}"] { | |
@include entypo-icon; | |
//Give a class of [icon-prefix]-hover to linkify a non-anchor | |
&.#{$icon-prefix}-hover:hover { | |
color: $icon_color_hover; | |
} | |
} | |
a[class^="#{$icon-prefix}"] { | |
color: $icon_color; | |
&:hover { | |
color: $icon_color_hover; | |
} | |
} | |
//Icon definitions | |
$icons: (phone \1F4DE, | |
mobile \1F4F1, | |
mouse \E789, | |
address \E723, | |
mail \2709, | |
paper-plane \1F53F, | |
pencil \270E, | |
feather \2712, | |
attach \1F4CE, | |
inbox \E777, | |
reply \E712, | |
reply-all \E713, | |
forward \27A6, | |
user \1F464, | |
users \1F465, | |
add-user \E700, | |
vcard \E722, | |
export \E715, | |
location \E724, | |
map \E727, | |
compass \E728, | |
direction \27A2, | |
hair-cross \1F3AF, | |
share \E73C, | |
shareable \E73E, | |
heart \2665, | |
heart-empty \2661, | |
star \2605, | |
star-empty \2606, | |
thumbs-up \1F44D, | |
thumbs-down \1F44E, | |
chat \E720, | |
comment \E718, | |
quote \275E, | |
home \2302, | |
popup \E74C, | |
search \1F50D, | |
flashlight \1F526, | |
print \E716, | |
bell \1F514, | |
link \1F517, | |
flag \2691, | |
cog \2699, | |
tools \2692, | |
trophy \1F3C6, | |
tag \E70C, | |
camera \1F4F7, | |
megaphone \1F4E3, | |
moon \263D, | |
palette \1F3A8, | |
leaf \1F342, | |
note \266A, | |
beamed-note \266B, | |
new \1F4A5, | |
graduation-cap \1F393, | |
book \1F4D5, | |
newspaper \1F4F0, | |
bag \1F45C, | |
airplane \2708, | |
lifebuoy \E788, | |
eye \E70A, | |
clock \1F554, | |
mic \1F3A4, | |
calendar \1F4C5, | |
flash \26A1, | |
thunder-cloud \26C8, | |
droplet \1F4A7, | |
cd \1F4BF, | |
briefcase \1F4BC, | |
air \1F4A8, | |
hourglass \23F3, | |
gauge \1F6C7, | |
language \1F394, | |
network \E776, | |
key \1F511, | |
battery \1F50B, | |
bucket \1F4FE, | |
magnet \E7A1, | |
drive \1F4FD, | |
cup \2615, | |
rocket \1F680, | |
brush \E79A, | |
suitcase \1F6C6, | |
traffic-cone \1F6C8, | |
globe \1F30E, | |
keyboard \2328, | |
browser \E74E, | |
publish \E74D, | |
progress-3 \E76B, | |
progress-2 \E76A, | |
progress-1 \E769, | |
progress-0 \E768, | |
light-down \1F505, | |
light-up \1F506, | |
adjust \25D1, | |
code \E714, | |
monitor \1F4BB, | |
infinity \221E, | |
light-bulb \1F4A1, | |
credit-card \1F4B3, | |
database \1F4F8, | |
voicemail \2707, | |
clipboard \1F4CB, | |
cart \E73D, | |
box \1F4E6, | |
ticket \1F3AB, | |
rss \E73A, | |
signal \1F4F6, | |
thermometer \1F4FF, | |
water \1F4A6, | |
sweden \F601, | |
line-graph \1F4C8, | |
pie-chart \25F4, | |
bar-graph \1F4CA, | |
area-graph \1F53E, | |
lock \1F512, | |
lock-open \1F513, | |
logout \E741, | |
login \E740, | |
check \2713, | |
cross \274C, | |
squared-minus \229F, | |
squared-plus \229E, | |
squared-cross \274E, | |
circled-minus \2296, | |
circled-plus \2295, | |
circled-cross \2716, | |
minus \2796, | |
plus \2795, | |
erase \232B, | |
block \1F6AB, | |
info \2139, | |
circled-info \E705, | |
help \2753, | |
circled-help \E704, | |
warning \26A0, | |
cycle \1F504, | |
cw \27F3, | |
ccw \27F2, | |
shuffle \1F500, | |
back \1F519, | |
level-down \21B3, | |
retweet \E717, | |
loop \1F501, | |
back-in-time \E771, | |
level-up \21B0, | |
switch \21C6, | |
numbered-list \E005, | |
add-to-list \E003, | |
layout \268F, | |
list \2630, | |
text-doc \1F4C4, | |
text-doc-inverted \E731, | |
doc \E730, | |
docs \E736, | |
landscape-doc \E737, | |
picture \1F304, | |
video \1F3AC, | |
music \1F3B5, | |
folder \1F4C1, | |
archive \E800, | |
trash \E729, | |
upload \1F4E4, | |
download \1F4E5, | |
save \1F4BE, | |
install \E778, | |
cloud \2601, | |
upload-cloud \E711, | |
bookmark \1F516, | |
bookmarks \1F4D1, | |
open-book \1F4D6, | |
play \25B6, | |
paus \2016, | |
record \25CF, | |
stop \25A0, | |
ff \23E9, | |
fb \23EA, | |
to-start \23EE, | |
to-end \23ED, | |
resize-full \E744, | |
resize-small \E746, | |
volume \23F7, | |
sound \1F50A, | |
mute \1F507, | |
flow-cascade \1F568, | |
flow-branch \1F569, | |
flow-tree \1F56A, | |
flow-line \1F56B, | |
flow-parallel \1F56C, | |
left-bold \E4AD, | |
down-bold \E4B0, | |
up-bold \E4AF, | |
right-bold \E4AE, | |
left \2B05, | |
down \2B07, | |
up \2B06, | |
right \27A1, | |
circled-left \E759, | |
circled-down \E758, | |
circled-up \E75B, | |
circled-right \E75A, | |
triangle-left \25C2, | |
triangle-down \25BE, | |
triangle-up \25B4, | |
triangle-right \25B8, | |
chevron-left \E75D, | |
chevron-down \E75C, | |
chevron-up \E75F, | |
chevron-right \E75E, | |
chevron-small-left \E761, | |
chevron-small-down \E760, | |
chevron-small-up \E763, | |
chevron-small-right \E762, | |
chevron-thin-left \E765, | |
chevron-thin-down \E764, | |
chevron-thin-up \E767, | |
chevron-thin-right \E766, | |
left-thin \2190, | |
down-thin \2193, | |
up-thin \2191, | |
right-thin \2192, | |
arrow-combo \E74F, | |
three-dots \23F6, | |
two-dots \23F5, | |
dot \23F4, | |
cc \1F545, | |
cc-by \1F546, | |
cc-nc \1F547, | |
cc-nc-eu \1F548, | |
cc-nc-jp \1F549, | |
cc-sa \1F54A, | |
cc-nd \1F54B, | |
cc-pd \1F54C, | |
cc-zero \1F54D, | |
cc-share \1F54E, | |
cc-remix \1F54F); | |
//Icon Definition Loop | |
@each $icon in $icons { | |
.#{$icon_prefix}-#{nth($icon, 1)} { | |
&:before { | |
content: "#{nth($icon, 2)}"; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment