Skip to content

Commit

Permalink
Added scss file
Browse files Browse the repository at this point in the history 
Signed-off-by: Zeshan Ahmed <[email protected]>
  • Loading branch information
@zeshanshani
zeshanshani committed Nov 19, 2014
1 parent 5f72b91 commit 4d2f3bf
Showing 1 changed file with 214 additions and 0 deletions.
214 changes: 214 additions & 0 deletions scss/simple-line-icons.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,214 @@
// Default Variables
$font-path : "../fonts/" !default;
$font-family : "Simple-Line-Icons" !default;
$icon-prefix : "icon-" !default;

// Fonts
@if $font-family == "Simple-Line-Icons" {
@font-face {
font-family: 'Simple-Line-Icons';
src: url('#{$font-path}Simple-Line-Icons.eot');
src: url('#{$font-path}Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
url('#{$font-path}Simple-Line-Icons.woff') format('woff'),
url('#{$font-path}Simple-Line-Icons.ttf') format('truetype'),
url('#{$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: '#{$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-"] {
*/

.#{$icon-prefix} {
&user-female, &user-follow, &user-following, &user-unfollow, &trophy, &screen-smartphone, &screen-desktop, &plane, &notebook, &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, &note, &music-tone-alt, &music-tone, &microphone, &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: '#{$font-family}';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
}

.#{$icon-prefix}user-female:before {content: "\e000"; }
.#{$icon-prefix}user-follow:before {content: "\e002"; }
.#{$icon-prefix}user-following:before {content: "\e003"; }
.#{$icon-prefix}user-unfollow:before {content: "\e004"; }
.#{$icon-prefix}trophy:before {content: "\e006"; }
.#{$icon-prefix}screen-smartphone:before {content: "\e010"; }
.#{$icon-prefix}screen-desktop:before {content: "\e011"; }
.#{$icon-prefix}plane:before {content: "\e012"; }
.#{$icon-prefix}notebook:before {content: "\e013"; }
.#{$icon-prefix}moustache:before {content: "\e014"; }
.#{$icon-prefix}mouse:before {content: "\e015"; }
.#{$icon-prefix}magnet:before {content: "\e016"; }
.#{$icon-prefix}energy:before {content: "\e020"; }
.#{$icon-prefix}emoticon-smile:before {content: "\e021"; }
.#{$icon-prefix}disc:before {content: "\e022"; }
.#{$icon-prefix}cursor-move:before {content: "\e023"; }
.#{$icon-prefix}crop:before {content: "\e024"; }
.#{$icon-prefix}credit-card:before {content: "\e025"; }
.#{$icon-prefix}chemistry:before {content: "\e026"; }
.#{$icon-prefix}user:before {content: "\e005"; }
.#{$icon-prefix}speedometer:before {content: "\e007"; }
.#{$icon-prefix}social-youtube:before {content: "\e008"; }
.#{$icon-prefix}social-twitter:before {content: "\e009"; }
.#{$icon-prefix}social-tumblr:before {content: "\e00a"; }
.#{$icon-prefix}social-facebook:before {content: "\e00b"; }
.#{$icon-prefix}social-dropbox:before {content: "\e00c"; }
.#{$icon-prefix}social-dribbble:before {content: "\e00d"; }
.#{$icon-prefix}shield:before {content: "\e00e"; }
.#{$icon-prefix}screen-tablet:before {content: "\e00f"; }
.#{$icon-prefix}magic-wand:before {content: "\e017"; }
.#{$icon-prefix}hourglass:before {content: "\e018"; }
.#{$icon-prefix}graduation:before {content: "\e019"; }
.#{$icon-prefix}ghost:before {content: "\e01a"; }
.#{$icon-prefix}game-controller:before {content: "\e01b"; }
.#{$icon-prefix}fire:before {content: "\e01c"; }
.#{$icon-prefix}eyeglasses:before {content: "\e01d"; }
.#{$icon-prefix}envelope-open:before {content: "\e01e"; }
.#{$icon-prefix}envelope-letter:before {content: "\e01f"; }
.#{$icon-prefix}bell:before {content: "\e027"; }
.#{$icon-prefix}badge:before {content: "\e028"; }
.#{$icon-prefix}anchor:before {content: "\e029"; }
.#{$icon-prefix}wallet:before {content: "\e02a"; }
.#{$icon-prefix}vector:before {content: "\e02b"; }
.#{$icon-prefix}speech:before {content: "\e02c"; }
.#{$icon-prefix}puzzle:before {content: "\e02d"; }
.#{$icon-prefix}printer:before {content: "\e02e"; }
.#{$icon-prefix}present:before {content: "\e02f"; }
.#{$icon-prefix}playlist:before {content: "\e030"; }
.#{$icon-prefix}pin:before {content: "\e031"; }
.#{$icon-prefix}picture:before {content: "\e032"; }
.#{$icon-prefix}map:before {content: "\e033"; }
.#{$icon-prefix}layers:before {content: "\e034"; }
.#{$icon-prefix}handbag:before {content: "\e035"; }
.#{$icon-prefix}globe-alt:before {content: "\e036"; }
.#{$icon-prefix}globe:before {content: "\e037"; }
.#{$icon-prefix}frame:before {content: "\e038"; }
.#{$icon-prefix}folder-alt:before {content: "\e039"; }
.#{$icon-prefix}film:before {content: "\e03a"; }
.#{$icon-prefix}feed:before {content: "\e03b"; }
.#{$icon-prefix}earphones-alt:before {content: "\e03c"; }
.#{$icon-prefix}earphones:before {content: "\e03d"; }
.#{$icon-prefix}drop:before {content: "\e03e"; }
.#{$icon-prefix}drawer:before {content: "\e03f"; }
.#{$icon-prefix}docs:before {content: "\e040"; }
.#{$icon-prefix}directions:before {content: "\e041"; }
.#{$icon-prefix}direction:before {content: "\e042"; }
.#{$icon-prefix}diamond:before {content: "\e043"; }
.#{$icon-prefix}cup:before {content: "\e044"; }
.#{$icon-prefix}compass:before {content: "\e045"; }
.#{$icon-prefix}call-out:before {content: "\e046"; }
.#{$icon-prefix}call-in:before {content: "\e047"; }
.#{$icon-prefix}call-end:before {content: "\e048"; }
.#{$icon-prefix}calculator:before {content: "\e049"; }
.#{$icon-prefix}bubbles:before {content: "\e04a"; }
.#{$icon-prefix}briefcase:before {content: "\e04b"; }
.#{$icon-prefix}book-open:before {content: "\e04c"; }
.#{$icon-prefix}basket-loaded:before {content: "\e04d"; }
.#{$icon-prefix}basket:before {content: "\e04e"; }
.#{$icon-prefix}bag:before {content: "\e04f"; }
.#{$icon-prefix}action-undo:before {content: "\e050"; }
.#{$icon-prefix}action-redo:before {content: "\e051"; }
.#{$icon-prefix}wrench:before {content: "\e052"; }
.#{$icon-prefix}umbrella:before {content: "\e053"; }
.#{$icon-prefix}trash:before {content: "\e054"; }
.#{$icon-prefix}tag:before {content: "\e055"; }
.#{$icon-prefix}support:before {content: "\e056"; }
.#{$icon-prefix}size-fullscreen:before {content: "\e057"; }
.#{$icon-prefix}size-actual:before {content: "\e058"; }
.#{$icon-prefix}shuffle:before {content: "\e059"; }
.#{$icon-prefix}share-alt:before {content: "\e05a"; }
.#{$icon-prefix}share:before {content: "\e05b"; }
.#{$icon-prefix}rocket:before {content: "\e05c"; }
.#{$icon-prefix}question:before {content: "\e05d"; }
.#{$icon-prefix}pie-chart:before {content: "\e05e"; }
.#{$icon-prefix}pencil:before {content: "\e05f"; }
.#{$icon-prefix}note:before {content: "\e060"; }
.#{$icon-prefix}music-tone-alt:before {content: "\e061"; }
.#{$icon-prefix}music-tone:before {content: "\e062"; }
.#{$icon-prefix}microphone:before {content: "\e063"; }
.#{$icon-prefix}loop:before {content: "\e064"; }
.#{$icon-prefix}logout:before {content: "\e065"; }
.#{$icon-prefix}login:before {content: "\e066"; }
.#{$icon-prefix}list:before {content: "\e067"; }
.#{$icon-prefix}like:before {content: "\e068"; }
.#{$icon-prefix}home:before {content: "\e069"; }
.#{$icon-prefix}grid:before {content: "\e06a"; }
.#{$icon-prefix}graph:before {content: "\e06b"; }
.#{$icon-prefix}equalizer:before {content: "\e06c"; }
.#{$icon-prefix}dislike:before {content: "\e06d"; }
.#{$icon-prefix}cursor:before {content: "\e06e"; }
.#{$icon-prefix}control-start:before {content: "\e06f"; }
.#{$icon-prefix}control-rewind:before {content: "\e070"; }
.#{$icon-prefix}control-play:before {content: "\e071"; }
.#{$icon-prefix}control-pause:before {content: "\e072"; }
.#{$icon-prefix}control-forward:before {content: "\e073"; }
.#{$icon-prefix}control-end:before {content: "\e074"; }
.#{$icon-prefix}calendar:before {content: "\e075"; }
.#{$icon-prefix}bulb:before {content: "\e076"; }
.#{$icon-prefix}bar-chart:before {content: "\e077"; }
.#{$icon-prefix}arrow-up:before {content: "\e078"; }
.#{$icon-prefix}arrow-right:before {content: "\e079"; }
.#{$icon-prefix}arrow-left:before {content: "\e07a"; }
.#{$icon-prefix}arrow-down:before {content: "\e07b"; }
.#{$icon-prefix}ban:before {content: "\e07c"; }
.#{$icon-prefix}bubble:before {content: "\e07d"; }
.#{$icon-prefix}camcorder:before {content: "\e07e"; }
.#{$icon-prefix}camera:before {content: "\e07f"; }
.#{$icon-prefix}check:before {content: "\e080"; }
.#{$icon-prefix}clock:before {content: "\e081"; }
.#{$icon-prefix}close:before {content: "\e082"; }
.#{$icon-prefix}cloud-download:before {content: "\e083"; }
.#{$icon-prefix}cloud-upload:before {content: "\e084"; }
.#{$icon-prefix}doc:before {content: "\e085"; }
.#{$icon-prefix}envelope:before {content: "\e086"; }
.#{$icon-prefix}eye:before {content: "\e087"; }
.#{$icon-prefix}flag:before {content: "\e088"; }
.#{$icon-prefix}folder:before {content: "\e089"; }
.#{$icon-prefix}heart:before {content: "\e08a"; }
.#{$icon-prefix}info:before {content: "\e08b"; }
.#{$icon-prefix}key:before {content: "\e08c"; }
.#{$icon-prefix}link:before {content: "\e08d"; }
.#{$icon-prefix}lock:before {content: "\e08e"; }
.#{$icon-prefix}lock-open:before {content: "\e08f"; }
.#{$icon-prefix}magnifier:before {content: "\e090"; }
.#{$icon-prefix}magnifier-add:before {content: "\e091"; }
.#{$icon-prefix}magnifier-remove:before {content: "\e092"; }
.#{$icon-prefix}paper-clip:before {content: "\e093"; }
.#{$icon-prefix}paper-plane:before {content: "\e094"; }
.#{$icon-prefix}plus:before {content: "\e095"; }
.#{$icon-prefix}pointer:before {content: "\e096"; }
.#{$icon-prefix}power:before {content: "\e097"; }
.#{$icon-prefix}refresh:before {content: "\e098"; }
.#{$icon-prefix}reload:before {content: "\e099"; }
.#{$icon-prefix}settings:before {content: "\e09a"; }
.#{$icon-prefix}star:before {content: "\e09b"; }
.#{$icon-prefix}symbol-female:before {content: "\e09c"; }
.#{$icon-prefix}symbol-male:before {content: "\e09d"; }
.#{$icon-prefix}target:before {content: "\e09e"; }
.#{$icon-prefix}volume-1:before {content: "\e09f"; }
.#{$icon-prefix}volume-2:before {content: "\e0a0"; }
.#{$icon-prefix}volume-off:before {content: "\e0a1"; }
.#{$icon-prefix}users:before {content: "\e001"; }

0 comments on commit 4d2f3bf

Please sign in to comment.