-
Notifications
You must be signed in to change notification settings - Fork 845
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from zeshanshani/master
Added scss file
- Loading branch information
Showing
1 changed file
with
214 additions
and
0 deletions.
There are no files selected for viewing
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
| 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, ¬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: '#{$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"; } |