Skip to content

Instantly share code, notes, and snippets.

@roytomeij

roytomeij/SassMeister-input.scss

Created December 3, 2015 15:08
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save roytomeij/62eb061c897090507ce5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save roytomeij/62eb061c897090507ce5 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// 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);
}
}
}
Raw
SassMeister-output.css
@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