Created
December 3, 2015 15:08
-
-
Save roytomeij/62eb061c897090507ce5 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
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
// ---- | |
// libsass (v3.2.5) | |
// ---- | |
// This is in _icons.scss: | |
$icons: ( | |
cursor: "\E001", | |
crosshair: "\2316", | |
search: "\1F50E", | |
zoomin: "\E002", | |
zoomout: "\E003", | |
screenshot: "\E004", | |
binoculars: "\E010", | |
view: "\1F440", | |
attach: "\1F4CE", | |
link: "\1F517", | |
move: "\E070", | |
write: "\270E", | |
writingdisabled: "\E071", | |
erase: "\2710", | |
compose: "\1F4DD", | |
draw: "\270F", | |
lock: "\1F512", | |
unlock: "\1F513", | |
key: "\1F511", | |
backspace: "\232B", | |
ban: "\1F6AB", | |
nosmoking: "\1F6AD", | |
trash: "\E0D0", | |
target: "\25CE", | |
new: "\1F195", | |
tag: "\E100", | |
pricetag: "\E102", | |
flowertag: "\E103", | |
bookmark: "\1F516", | |
flag: "\2691", | |
like: "\1F44D", | |
dislike: "\1F44E", | |
heart: "\2665", | |
halfheart: "\E1A0", | |
emptyheart: "\2661", | |
star: "\22C6", | |
halfstar: "\E1A1", | |
medal: "\E1C1", | |
ribbon: "\1F380", | |
bullseye: "\1F3AF", | |
sample: "\E200", | |
crop: "\E201", | |
layers: "\E202", | |
gridlines: "\E206", | |
pen: "\2712", | |
feather: "\E220", | |
rubbereraser: "\E221", | |
paintroller: "\E225", | |
rubberstamp: "\E226", | |
checkclipboard: "\E2B3", | |
linechartclipboard: "\E2B5", | |
clockwise: "\2941", | |
phone: "\1F4DE", | |
phonedisabled: "\E300", | |
headset: "\E302", | |
megaphone: "\1F4E2", | |
rss: "\E310", | |
facetime: "\E320", | |
reply: "\21A9", | |
send: "\E350", | |
mail: "\2709", | |
inbox: "\1F4E5", | |
outbox: "\1F4E4", | |
wifimail: "\E352", | |
chat: "\1F4AC", | |
user: "\1F464", | |
femaleuser: "\1F467", | |
users: "\1F465", | |
usergroup: "\E400", | |
adduser: "\E401", | |
removeuser: "\E402", | |
deleteuser: "\E404", | |
userprofile: "\E406", | |
businessuser: "\E407", | |
cart: "\E500", | |
addcart: "\E501", | |
removecart: "\E502", | |
deletecart: "\E504", | |
downloadcart: "\E505", | |
emptycart: "\E507", | |
basket: "\E510", | |
gift: "\1F381", | |
apple: "\1F34F", | |
cashregister: "\E530", | |
store: "\1F3EC", | |
searchbarcode: "\E531", | |
notepad: "\E972", | |
creditcard: "\1F4B3", | |
safe: "\E540", | |
digitalsafe: "\E541", | |
atm: "\1F3E7", | |
dispensecash: "\E542", | |
banknote: "\1F4B5", | |
coins: "\E543", | |
bankcheck: "\E544", | |
piggybank: "\E545", | |
moneybag: "\1F4B0", | |
tip: "\E546", | |
calculator: "\E551", | |
percent: "\0025", | |
bank: "\1F3E6", | |
scales: "\2696", | |
piechart: "\E570", | |
piechartthirds: "\E571", | |
barchart: "\1F4CA", | |
upwardsbarchart: "\E572", | |
downwardsbarchart: "\E573", | |
horizontalbarchart: "\E574", | |
analytics: "\E575", | |
upwardslinechart: "\1F4C8", | |
downwardslinechart: "\1F4C9", | |
linecharts: "\E576", | |
scatterchart: "\E578", | |
stock: "\E579", | |
form: "\E582", | |
box: "\1F4E6", | |
crate: "\E5D8", | |
deliveryvan: "\E5E0", | |
deliverytruck: "\E5E1", | |
forklift: "\E5E2", | |
cargoship: "\E5E3", | |
hook: "\E5E4", | |
weight: "\E5E5", | |
containers: "\E5E6", | |
fragile: "\E5E7", | |
thissideup: "\E5E8", | |
home: "\2302", | |
building: "\1F3E2", | |
lodging: "\1F3E8", | |
earth: "\1F30E", | |
globe: "\1F310", | |
garage: "\E600", | |
warehouse: "\E602", | |
floorplan: "\E610", | |
address: "\E611", | |
searchhouse: "\E612", | |
housesale: "\E613", | |
navigate: "\E670", | |
compass: "\E671", | |
signpost: "\E672", | |
map: "\E673", | |
gps: "\E674", | |
compassnavigate: "\E680", | |
compassarrow: "\E681", | |
location: "\E6D0", | |
pin: "\1F4CD", | |
pushpin: "\1F4CC", | |
maplocation: "\E6D1", | |
globelocation: "\E6D2", | |
puzzle: "\E710", | |
floppydisk: "\1F4BE", | |
firewall: "\E720", | |
database: "\E7A0", | |
hdd: "\E7B0", | |
music: "\266B", | |
eighthnote: "\266A", | |
mic: "\1F3A4", | |
volume: "\1F508", | |
lowvolume: "\1F509", | |
highvolume: "\1F50A", | |
radio: "\1F4FB", | |
stereo: "\E801", | |
airplay: "\E800", | |
vinylrecord: "\E810", | |
disc: "\1F4BF", | |
camera: "\1F4F7", | |
picture: "\1F304", | |
video: "\1F4F9", | |
playvideo: "\E8A1", | |
play: "\25B6", | |
pause: "\E8A0", | |
stop: "\25A0", | |
record: "\25CF", | |
rewind: "\23EA", | |
fastforward: "\23E9", | |
skipback: "\23EE", | |
skipforward: "\23ED", | |
eject: "\23CF", | |
repeat: "\1F501", | |
replay: "\21BA", | |
shuffle: "\1F500", | |
index: "\E902", | |
page: "\E903", | |
book: "\1F4D5", | |
books: "\1F4DA", | |
openbook: "\1F4D6", | |
heartbook: "\E962", | |
downloadbook: "\E963", | |
musicopenbook: "\E966", | |
searchbook: "\E967", | |
notebook: "\1F4D3", | |
newspaper: "\1F4F0", | |
notice: "\E973", | |
rows: "\E9A1", | |
columns: "\E9A2", | |
thumbnails: "\E9A3", | |
pagecurl: "\E9B0", | |
desktop: "\1F4BB", | |
laptop: "\EA00", | |
tablet: "\EA01", | |
smartphone: "\EA02", | |
cell: "\1F4F1", | |
walkytalky: "\EA03", | |
ereader: "\EA04", | |
ebook: "\EA05", | |
wifibook: "\E968", | |
wifiopenbook: "\E969", | |
battery: "\1F50B", | |
highbattery: "\EA10", | |
mediumbattery: "\EA11", | |
lowbattery: "\EA12", | |
emptybattery: "\EA13", | |
chargingbattery: "\EA14", | |
heartmobile: "\EA23", | |
phonemobile: "\EA24", | |
lockmobile: "\EA25", | |
textmobile: "\EA26", | |
dollarmobile: "\EA27", | |
euromobile: "\EA28", | |
rssmobile: "\EA29", | |
navigationmobile: "\EA2A", | |
batterymobile: "\EA2B", | |
powermobile: "\EA2C", | |
browseonline: "\EA30", | |
shoponline: "\EA31", | |
bankonline: "\EA32", | |
realtyonline: "\EA33", | |
readonline: "\EA34", | |
weatheronline: "\EA35", | |
lightbulb: "\1F4A1", | |
lightbulbon: "\EA83", | |
cfl: "\EA85", | |
hairdryer: "\EA88", | |
picnictable: "\EAB1", | |
flame: "\EAB2", | |
campfire: "\1F525", | |
bonfire: "\EAB3", | |
balloon: "\1F388", | |
christmastree: "\1F384", | |
sweep: "\EA86", | |
chess: "\265E", | |
onedie: "\2680", | |
twodie: "\2681", | |
threedie: "\2682", | |
fourdie: "\2683", | |
fivedie: "\2684", | |
sixdie: "\2685", | |
downloadcloud: "\EB00", | |
download: "\EB01", | |
downloadbox: "\EB02", | |
downloadcrate: "\EB03", | |
uploadcloud: "\EB40", | |
upload: "\EB41", | |
uploadbox: "\EB42", | |
uploadcrate: "\EB43", | |
fork: "\EB80", | |
merge: "\EB81", | |
refresh: "\21BB", | |
sync: "\EB82", | |
loading: "\EB83", | |
wifi: "\EB84", | |
connection: "\EB85", | |
reload: "\EB87", | |
file: "\1F4C4", | |
addfile: "\EC01", | |
removefile: "\EC02", | |
deletefile: "\EC04", | |
downloadfile: "\EC06", | |
uploadfile: "\EC07", | |
importfile: "\EC08", | |
exportfile: "\EC09", | |
settingsfile: "\EC0A", | |
lockfile: "\EC11", | |
userfile: "\EC15", | |
picturefile: "\EC17", | |
textfile: "\EC19", | |
exe: "\EC30", | |
zip: "\EC31", | |
doc: "\EC32", | |
ppt: "\EC33", | |
pdf: "\EC34", | |
jpg: "\EC35", | |
png: "\EC36", | |
folder: "\1F4C1", | |
openfolder: "\1F4C2", | |
downloadfolder: "\EC76", | |
uploadfolder: "\EC77", | |
cloudfolder: "\EC80", | |
lockfolder: "\EC81", | |
securefolder: "\EC83", | |
picturefolder: "\EC87", | |
moviefolder: "\EC88", | |
quote: "\201C", | |
text: "\ED00", | |
font: "\ED01", | |
highlight: "\ED11", | |
print: "\2399", | |
fax: "\1F4E0", | |
list: "\ED50", | |
layout: "\EDA0", | |
action: "\EE00", | |
redirect: "\21AA", | |
expand: "\2922", | |
contract: "\EE01", | |
help: "\2753", | |
info: "\2139", | |
alert: "\26A0", | |
caution: "\26D4", | |
logout: "\EE02", | |
login: "\EE03", | |
scaleup: "\EE04", | |
scaledown: "\EE05", | |
plus: "\002B", | |
hyphen: "\002D", | |
check: "\2713", | |
delete: "\2421", | |
bearface: "\1F43B", | |
bird: "\1F426", | |
fishes: "\EF20", | |
tropicalfish: "\EF21", | |
tree: "\1F333", | |
evergreen: "\1F332", | |
palmtree: "\1F334", | |
leaf: "\1F342", | |
seedling: "\1F331", | |
grass: "\EF70", | |
settings: "\2699", | |
dashboard: "\F000", | |
dial: "\F004", | |
notifications: "\1F514", | |
notificationsdisabled: "\1F515", | |
flash: "\2301", | |
wrench: "\1F527", | |
tapemeasure: "\F036", | |
clock: "\23F2", | |
watch: "\231A", | |
stopwatch: "\23F1", | |
alarmclock: "\23F0", | |
calendar: "\1F4C5", | |
addcalendar: "\F070", | |
removecalendar: "\F071", | |
checkcalendar: "\F072", | |
deletecalendar: "\F073", | |
sausage: "\F103", | |
burger: "\1F354", | |
pizza: "\1F355", | |
fish: "\1F41F", | |
shrimp: "\1F364", | |
turkey: "\F105", | |
steak: "\F106", | |
sidedish: "\1F35A", | |
noodles: "\1F35C", | |
spaghetti: "\1F35D", | |
corn: "\F110", | |
carrot: "\F111", | |
icecream: "\1F368", | |
mug: "\2615", | |
beer: "\1F37A", | |
bottle: "\F122", | |
wineglass: "\1F377", | |
cocktail: "\1F378", | |
tea: "\1F375", | |
teapot: "\F127", | |
waterbottle: "\F128", | |
wineglasssparkle: "\F129", | |
salt: "\F130", | |
pepper: "\F131", | |
oliveoil: "\F132", | |
hotsauce: "\F133", | |
coal: "\F136", | |
oven: "\F140", | |
stove: "\F141", | |
cook: "\1F373", | |
bbq: "\F142", | |
utensils: "\1F374", | |
spoonfork: "\F150", | |
knife: "\1F52A", | |
cookingutensils: "\F151", | |
measuringcup: "\F162", | |
colander: "\F163", | |
scale: "\F164", | |
eggtimer: "\F165", | |
platter: "\F166", | |
apron: "\F170", | |
bbqapron: "\F171", | |
chef: "\F172", | |
handbag: "\1F45C", | |
briefcase: "\1F4BC", | |
hanger: "\F1A0", | |
weathervane: "\F200", | |
thermometer: "\F201", | |
weather: "\F210", | |
cloud: "\2601", | |
droplet: "\1F4A7", | |
sun: "\2600", | |
partlycloudy: "\26C5", | |
rain: "\2614", | |
thunderstorm: "\26C8", | |
umbrella: "\2602", | |
rainbow: "\1F308", | |
fog: "\F211", | |
wind: "\F212", | |
tornado: "\F213", | |
snowflake: "\2744", | |
fan: "\F280", | |
solarpanel: "\F281", | |
plug: "\1F50C", | |
outlet: "\F282", | |
car: "\1F698", | |
taxi: "\1F696", | |
locomotive: "\1F682", | |
train: "\1F686", | |
traintunnel: "\1F687", | |
bus: "\1F68D", | |
truck: "\1F69A", | |
caravan: "\1F690", | |
tractor: "\1F69C", | |
tunnel: "\F323", | |
plane: "\2708", | |
arrival: "\F325", | |
departure: "\F324", | |
helicopter: "\1F681", | |
bike: "\1F6B2", | |
motorcycle: "\F303", | |
boat: "\1F6A2", | |
sailboat: "\26F5", | |
schooner: "\F305", | |
skylift: "\1F6A1", | |
rocket: "\1F680", | |
steeringwheel: "\F313", | |
trafficcamera: "\F314", | |
fuel: "\26FD", | |
jerrycan: "\F315", | |
passport: "\F316", | |
trafficlight: "\1F6A6", | |
highway: "\F320", | |
road: "\F321", | |
intersection: "\F322", | |
wheelchair: "\267F", | |
elevator: "\F380", | |
golf: "\F400", | |
hockey: "\F401", | |
iceskate: "\26F8", | |
billiards: "\1F3B1", | |
baseballglove: "\F404", | |
tennis: "\1F3BE", | |
tabletennis: "\F402", | |
badminton: "\F403", | |
boxing: "\F405", | |
bowling: "\F406", | |
football: "\1F3C8", | |
soccer: "\26BD", | |
hiker: "\F410", | |
pool: "\E412", | |
shower: "\1F6BF", | |
exercise: "\F414", | |
exercisebike: "\F415", | |
dumbbell: "\F416", | |
jumprope: "\F417", | |
yoga: "\F418", | |
suitcase: "\E420", | |
luggage: "\E421", | |
donotdisturb: "\E422", | |
sunscreen: "\F423", | |
callbell: "\F424", | |
hospital: "\26E8", | |
medicalcross: "\F4B0", | |
ambulance: "\1F691", | |
bandage: "\F4B2", | |
medicalthermometer: "\F4B3", | |
stethoscope: "\F4B4", | |
syringe: "\1F489", | |
pill: "\1F48A", | |
pillbottle: "\F4B5", | |
supplements: "\F4B6", | |
bathroomscale: "\F4B7", | |
dna: "\F4C2", | |
anatomicalheart: "\F4D0", | |
checkheart: "\F4D1", | |
eyesurgery: "\F4E0", | |
brokenbone: "\F4E1", | |
up: "\2B06", | |
upright: "\2B08", | |
right: "\27A1", | |
downright: "\2B0A", | |
down: "\2B07", | |
downleft: "\2B0B", | |
left: "\2B05", | |
upleft: "\2B09", | |
navigateup: "\F500", | |
navigateright: "\25BB", | |
navigatedown: "\F501", | |
navigateleft: "\25C5", | |
directup: "\25B4", | |
directright: "\25B9", | |
dropdown: "\25BE", | |
directleft: "\25C3", | |
leftright: "\2B0C", | |
rightward: "\F503", | |
leftward: "\F505", | |
previouspage: "\2397", | |
nextpage: "\2398", | |
retweet: "\F600", | |
share: "\F601" | |
); | |
@mixin icon($icon, $position: before) { | |
&::#{$position} { | |
content: map-get($icons, $icon); | |
display: inline-block; | |
margin: rem-calc(5px) if($position == before, rem-calc(10px), 0) 0 if($position == after, rem-calc(10px), 0); | |
vertical-align: middle; | |
font-family: "SSPika"; | |
@content; | |
} | |
} | |
// This is in _nav-panel.scss: | |
$nav-icons: home, search; | |
.mod-nav-panel { | |
// if it has an icon, make room for it | |
[class^="icon-"] { | |
position: relative; | |
padding-left: 40px; | |
// position icon in the empty space | |
&::before { | |
position: absolute; | |
left: 0; | |
} | |
} | |
// go through @nav-icons to create the selectors | |
@each $icon in $nav-icons { | |
.icon-#{$icon}::before { | |
content: map-get($icons, $icon); | |
} | |
} | |
} |
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
@charset "UTF-8"; | |
.mod-nav-panel [class^="icon-"] { | |
position: relative; | |
padding-left: 40px; | |
} | |
.mod-nav-panel [class^="icon-"]::before { | |
position: absolute; | |
left: 0; | |
} | |
.mod-nav-panel .icon-home::before { | |
content: "⌂"; | |
} | |
.mod-nav-panel .icon-search::before { | |
content: "🔎"; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment