diff --git a/less/simple-line-icons.less b/less/simple-line-icons.less new file mode 100644 index 0000000..78a39d6 --- /dev/null +++ b/less/simple-line-icons.less @@ -0,0 +1,212 @@ +// Default Variables +@simple-line-font-path : "../fonts/"; +@simple-line-font-family : "Simple-Line-Icons"; +@simple-line-icon-prefix : icon-; + +// Fonts +@font-face { + font-family: 'Simple-Line-Icons'; + src: url('@{simple-line-font-path}Simple-Line-Icons.eot'); + src: url('@{simple-line-font-path}Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), + url('@{simple-line-font-path}Simple-Line-Icons.woff') format('woff'), + url('@{simple-line-font-path}Simple-Line-Icons.ttf') format('truetype'), + url('@{simple-line-font-path}Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Use the following CSS code if you want to use data attributes for inserting your icons */ +[data-icon]:before { + font-family: '@{simple-line-font-family}'; + content: attr(data-icon); + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Use the following CSS code if you want to have a class per icon */ +/* +Instead of a list of all class selectors, +you can use the generic selector below, but it's slower: +[class*="icon-"] { +*/ + +.@{simple-line-icon-prefix} { + &user-female, &user-follow, &user-following, &user-unfollow, &trophy, &screen-smartphone, &screen-desktop, &plane, ¬ebook, &moustache, &mouse, &magnet, &energy, &emoticon-smile, &disc, &cursor-move, &crop, &credit-card, &chemistry, &user, &speedometer, &social-youtube, &social-twitter, &social-tumblr, &social-facebook, &social-dropbox, &social-dribbble, &shield, &screen-tablet, &magic-wand, &hourglass, &graduation, &ghost, &game-controller, &fire, &eyeglasses, &envelope-open, &envelope-letter, &bell, &badge, &anchor, &wallet, &vector, &speech, &puzzle, &printer, &present, &playlist, &pin, &picture, &map, &layers, &handbag, &globe-alt, &globe, &frame, &folder-alt, &film, &feed, &earphones-alt, &earphones, &drop, &drawer, &docs, &directions, &direction, &diamond, &cup, &compass, &call-out, &call-in, &call-end, &calculator, &bubbles, &briefcase, &book-open, &basket-loaded, &basket, &bag, &action-undo, &action-redo, &wrench, &umbrella, &trash, &tag, &support, &size-fullscreen, &size-actual, &shuffle, &share-alt, &share, &rocket, &question, &pie-chart, &pencil, ¬e, &music-tone-alt, &music-tone, µphone, &loop, &logout, &login, &list, &like, &home, &grid, &graph, &equalizer, &dislike, &cursor, &control-start, &control-rewind, &control-play, &control-pause, &control-forward, &control-end, &calendar, &bulb, &bar-chart, &arrow-up, &arrow-right, &arrow-left, &arrow-down, &ban, &bubble, &camcorder, &camera, &check, &clock, &close, &cloud-download, &cloud-upload, &doc, &envelope, &eye, &flag, &folder, &heart, &info, &key, &link, &lock, &lock-open, &magnifier, &magnifier-add, &magnifier-remove, &paper-clip, &paper-plane, &plus, &pointer, &power, &refresh, &reload, &settings, &star, &symbol-female, &symbol-male, &target, &volume-1, &volume-2, &volume-off, &users { + font-family: '@{simple-line-font-family}'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + } +} + +.@{simple-line-icon-prefix}user-female:before {content: "\e000"; } +.@{simple-line-icon-prefix}user-follow:before {content: "\e002"; } +.@{simple-line-icon-prefix}user-following:before {content: "\e003"; } +.@{simple-line-icon-prefix}user-unfollow:before {content: "\e004"; } +.@{simple-line-icon-prefix}trophy:before {content: "\e006"; } +.@{simple-line-icon-prefix}screen-smartphone:before {content: "\e010"; } +.@{simple-line-icon-prefix}screen-desktop:before {content: "\e011"; } +.@{simple-line-icon-prefix}plane:before {content: "\e012"; } +.@{simple-line-icon-prefix}notebook:before {content: "\e013"; } +.@{simple-line-icon-prefix}moustache:before {content: "\e014"; } +.@{simple-line-icon-prefix}mouse:before {content: "\e015"; } +.@{simple-line-icon-prefix}magnet:before {content: "\e016"; } +.@{simple-line-icon-prefix}energy:before {content: "\e020"; } +.@{simple-line-icon-prefix}emoticon-smile:before {content: "\e021"; } +.@{simple-line-icon-prefix}disc:before {content: "\e022"; } +.@{simple-line-icon-prefix}cursor-move:before {content: "\e023"; } +.@{simple-line-icon-prefix}crop:before {content: "\e024"; } +.@{simple-line-icon-prefix}credit-card:before {content: "\e025"; } +.@{simple-line-icon-prefix}chemistry:before {content: "\e026"; } +.@{simple-line-icon-prefix}user:before {content: "\e005"; } +.@{simple-line-icon-prefix}speedometer:before {content: "\e007"; } +.@{simple-line-icon-prefix}social-youtube:before {content: "\e008"; } +.@{simple-line-icon-prefix}social-twitter:before {content: "\e009"; } +.@{simple-line-icon-prefix}social-tumblr:before {content: "\e00a"; } +.@{simple-line-icon-prefix}social-facebook:before {content: "\e00b"; } +.@{simple-line-icon-prefix}social-dropbox:before {content: "\e00c"; } +.@{simple-line-icon-prefix}social-dribbble:before {content: "\e00d"; } +.@{simple-line-icon-prefix}shield:before {content: "\e00e"; } +.@{simple-line-icon-prefix}screen-tablet:before {content: "\e00f"; } +.@{simple-line-icon-prefix}magic-wand:before {content: "\e017"; } +.@{simple-line-icon-prefix}hourglass:before {content: "\e018"; } +.@{simple-line-icon-prefix}graduation:before {content: "\e019"; } +.@{simple-line-icon-prefix}ghost:before {content: "\e01a"; } +.@{simple-line-icon-prefix}game-controller:before {content: "\e01b"; } +.@{simple-line-icon-prefix}fire:before {content: "\e01c"; } +.@{simple-line-icon-prefix}eyeglasses:before {content: "\e01d"; } +.@{simple-line-icon-prefix}envelope-open:before {content: "\e01e"; } +.@{simple-line-icon-prefix}envelope-letter:before {content: "\e01f"; } +.@{simple-line-icon-prefix}bell:before {content: "\e027"; } +.@{simple-line-icon-prefix}badge:before {content: "\e028"; } +.@{simple-line-icon-prefix}anchor:before {content: "\e029"; } +.@{simple-line-icon-prefix}wallet:before {content: "\e02a"; } +.@{simple-line-icon-prefix}vector:before {content: "\e02b"; } +.@{simple-line-icon-prefix}speech:before {content: "\e02c"; } +.@{simple-line-icon-prefix}puzzle:before {content: "\e02d"; } +.@{simple-line-icon-prefix}printer:before {content: "\e02e"; } +.@{simple-line-icon-prefix}present:before {content: "\e02f"; } +.@{simple-line-icon-prefix}playlist:before {content: "\e030"; } +.@{simple-line-icon-prefix}pin:before {content: "\e031"; } +.@{simple-line-icon-prefix}picture:before {content: "\e032"; } +.@{simple-line-icon-prefix}map:before {content: "\e033"; } +.@{simple-line-icon-prefix}layers:before {content: "\e034"; } +.@{simple-line-icon-prefix}handbag:before {content: "\e035"; } +.@{simple-line-icon-prefix}globe-alt:before {content: "\e036"; } +.@{simple-line-icon-prefix}globe:before {content: "\e037"; } +.@{simple-line-icon-prefix}frame:before {content: "\e038"; } +.@{simple-line-icon-prefix}folder-alt:before {content: "\e039"; } +.@{simple-line-icon-prefix}film:before {content: "\e03a"; } +.@{simple-line-icon-prefix}feed:before {content: "\e03b"; } +.@{simple-line-icon-prefix}earphones-alt:before {content: "\e03c"; } +.@{simple-line-icon-prefix}earphones:before {content: "\e03d"; } +.@{simple-line-icon-prefix}drop:before {content: "\e03e"; } +.@{simple-line-icon-prefix}drawer:before {content: "\e03f"; } +.@{simple-line-icon-prefix}docs:before {content: "\e040"; } +.@{simple-line-icon-prefix}directions:before {content: "\e041"; } +.@{simple-line-icon-prefix}direction:before {content: "\e042"; } +.@{simple-line-icon-prefix}diamond:before {content: "\e043"; } +.@{simple-line-icon-prefix}cup:before {content: "\e044"; } +.@{simple-line-icon-prefix}compass:before {content: "\e045"; } +.@{simple-line-icon-prefix}call-out:before {content: "\e046"; } +.@{simple-line-icon-prefix}call-in:before {content: "\e047"; } +.@{simple-line-icon-prefix}call-end:before {content: "\e048"; } +.@{simple-line-icon-prefix}calculator:before {content: "\e049"; } +.@{simple-line-icon-prefix}bubbles:before {content: "\e04a"; } +.@{simple-line-icon-prefix}briefcase:before {content: "\e04b"; } +.@{simple-line-icon-prefix}book-open:before {content: "\e04c"; } +.@{simple-line-icon-prefix}basket-loaded:before {content: "\e04d"; } +.@{simple-line-icon-prefix}basket:before {content: "\e04e"; } +.@{simple-line-icon-prefix}bag:before {content: "\e04f"; } +.@{simple-line-icon-prefix}action-undo:before {content: "\e050"; } +.@{simple-line-icon-prefix}action-redo:before {content: "\e051"; } +.@{simple-line-icon-prefix}wrench:before {content: "\e052"; } +.@{simple-line-icon-prefix}umbrella:before {content: "\e053"; } +.@{simple-line-icon-prefix}trash:before {content: "\e054"; } +.@{simple-line-icon-prefix}tag:before {content: "\e055"; } +.@{simple-line-icon-prefix}support:before {content: "\e056"; } +.@{simple-line-icon-prefix}size-fullscreen:before {content: "\e057"; } +.@{simple-line-icon-prefix}size-actual:before {content: "\e058"; } +.@{simple-line-icon-prefix}shuffle:before {content: "\e059"; } +.@{simple-line-icon-prefix}share-alt:before {content: "\e05a"; } +.@{simple-line-icon-prefix}share:before {content: "\e05b"; } +.@{simple-line-icon-prefix}rocket:before {content: "\e05c"; } +.@{simple-line-icon-prefix}question:before {content: "\e05d"; } +.@{simple-line-icon-prefix}pie-chart:before {content: "\e05e"; } +.@{simple-line-icon-prefix}pencil:before {content: "\e05f"; } +.@{simple-line-icon-prefix}note:before {content: "\e060"; } +.@{simple-line-icon-prefix}music-tone-alt:before {content: "\e061"; } +.@{simple-line-icon-prefix}music-tone:before {content: "\e062"; } +.@{simple-line-icon-prefix}microphone:before {content: "\e063"; } +.@{simple-line-icon-prefix}loop:before {content: "\e064"; } +.@{simple-line-icon-prefix}logout:before {content: "\e065"; } +.@{simple-line-icon-prefix}login:before {content: "\e066"; } +.@{simple-line-icon-prefix}list:before {content: "\e067"; } +.@{simple-line-icon-prefix}like:before {content: "\e068"; } +.@{simple-line-icon-prefix}home:before {content: "\e069"; } +.@{simple-line-icon-prefix}grid:before {content: "\e06a"; } +.@{simple-line-icon-prefix}graph:before {content: "\e06b"; } +.@{simple-line-icon-prefix}equalizer:before {content: "\e06c"; } +.@{simple-line-icon-prefix}dislike:before {content: "\e06d"; } +.@{simple-line-icon-prefix}cursor:before {content: "\e06e"; } +.@{simple-line-icon-prefix}control-start:before {content: "\e06f"; } +.@{simple-line-icon-prefix}control-rewind:before {content: "\e070"; } +.@{simple-line-icon-prefix}control-play:before {content: "\e071"; } +.@{simple-line-icon-prefix}control-pause:before {content: "\e072"; } +.@{simple-line-icon-prefix}control-forward:before {content: "\e073"; } +.@{simple-line-icon-prefix}control-end:before {content: "\e074"; } +.@{simple-line-icon-prefix}calendar:before {content: "\e075"; } +.@{simple-line-icon-prefix}bulb:before {content: "\e076"; } +.@{simple-line-icon-prefix}bar-chart:before {content: "\e077"; } +.@{simple-line-icon-prefix}arrow-up:before {content: "\e078"; } +.@{simple-line-icon-prefix}arrow-right:before {content: "\e079"; } +.@{simple-line-icon-prefix}arrow-left:before {content: "\e07a"; } +.@{simple-line-icon-prefix}arrow-down:before {content: "\e07b"; } +.@{simple-line-icon-prefix}ban:before {content: "\e07c"; } +.@{simple-line-icon-prefix}bubble:before {content: "\e07d"; } +.@{simple-line-icon-prefix}camcorder:before {content: "\e07e"; } +.@{simple-line-icon-prefix}camera:before {content: "\e07f"; } +.@{simple-line-icon-prefix}check:before {content: "\e080"; } +.@{simple-line-icon-prefix}clock:before {content: "\e081"; } +.@{simple-line-icon-prefix}close:before {content: "\e082"; } +.@{simple-line-icon-prefix}cloud-download:before {content: "\e083"; } +.@{simple-line-icon-prefix}cloud-upload:before {content: "\e084"; } +.@{simple-line-icon-prefix}doc:before {content: "\e085"; } +.@{simple-line-icon-prefix}envelope:before {content: "\e086"; } +.@{simple-line-icon-prefix}eye:before {content: "\e087"; } +.@{simple-line-icon-prefix}flag:before {content: "\e088"; } +.@{simple-line-icon-prefix}folder:before {content: "\e089"; } +.@{simple-line-icon-prefix}heart:before {content: "\e08a"; } +.@{simple-line-icon-prefix}info:before {content: "\e08b"; } +.@{simple-line-icon-prefix}key:before {content: "\e08c"; } +.@{simple-line-icon-prefix}link:before {content: "\e08d"; } +.@{simple-line-icon-prefix}lock:before {content: "\e08e"; } +.@{simple-line-icon-prefix}lock-open:before {content: "\e08f"; } +.@{simple-line-icon-prefix}magnifier:before {content: "\e090"; } +.@{simple-line-icon-prefix}magnifier-add:before {content: "\e091"; } +.@{simple-line-icon-prefix}magnifier-remove:before {content: "\e092"; } +.@{simple-line-icon-prefix}paper-clip:before {content: "\e093"; } +.@{simple-line-icon-prefix}paper-plane:before {content: "\e094"; } +.@{simple-line-icon-prefix}plus:before {content: "\e095"; } +.@{simple-line-icon-prefix}pointer:before {content: "\e096"; } +.@{simple-line-icon-prefix}power:before {content: "\e097"; } +.@{simple-line-icon-prefix}refresh:before {content: "\e098"; } +.@{simple-line-icon-prefix}reload:before {content: "\e099"; } +.@{simple-line-icon-prefix}settings:before {content: "\e09a"; } +.@{simple-line-icon-prefix}star:before {content: "\e09b"; } +.@{simple-line-icon-prefix}symbol-female:before {content: "\e09c"; } +.@{simple-line-icon-prefix}symbol-male:before {content: "\e09d"; } +.@{simple-line-icon-prefix}target:before {content: "\e09e"; } +.@{simple-line-icon-prefix}volume-1:before {content: "\e09f"; } +.@{simple-line-icon-prefix}volume-2:before {content: "\e0a0"; } +.@{simple-line-icon-prefix}volume-off:before {content: "\e0a1"; } +.@{simple-line-icon-prefix}users:before {content: "\e001"; }