From 71c05d798207468c462d4dfadf401600f4e32282 Mon Sep 17 00:00:00 2001 From: Maxime Fabre Date: Mon, 4 Jun 2012 14:33:04 +0200 Subject: [PATCH] Add SASS/SCSS version --- .gitignore | 5 +- css/font-awesome.css | 911 +++++++++++++++++++++++++++++------------ sass/font-awesome.sass | 263 ++++++++++-- sass/font-awesome.scss | 472 ++++++++++++--------- 4 files changed, 1154 insertions(+), 497 deletions(-) diff --git a/.gitignore b/.gitignore index 27ef608bf..51d8053d8 100644 --- a/.gitignore +++ b/.gitignore @@ -22,7 +22,8 @@ dist downloads eggs parts -tmp +tmp +.sass-cache src/website/settingslocal.py -stunnel.log +stunnel.log \ No newline at end of file diff --git a/css/font-awesome.css b/css/font-awesome.css index 7103e0efd..112d21861 100644 --- a/css/font-awesome.css +++ b/css/font-awesome.css @@ -18,299 +18,692 @@ ------------------------------------------------------- Email: dave@davegandy.com Twitter: http://twitter.com/fortaweso_me - Work: http://lemonwi.se co-founder + Work: Lead Product Designer @ http://kyruus.com */ @font-face { - font-family: 'FontAwesome'; - src: url('../font/fontawesome-webfont.eot'); - src: url('../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); + font-family: "FontAwesome"; + src: url('/stylesheets/fonts/../font/fontawesome-webfont.eot'); + src: url('/stylesheets/fonts/../font/fontawesome-webfont.eot?#iefix') format('eot'), url('/stylesheets/fonts/../font/fontawesome-webfont.woff') format('woff'), url('/stylesheets/fonts/../font/fontawesome-webfont.ttf') format('truetype'), url('/stylesheets/fonts/../font/fontawesome-webfont.otf') format('opentype'), url('/stylesheets/fonts/../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/stylesheets/fonts/../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; - font-style: normal; -} -/* sprites.less reset */ -[class^="icon-"], [class*=" icon-"] { - display: inline; - width: auto; - height: auto; - line-height: inherit; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; -} -li[class^="icon-"], li[class*=" icon-"] { - display: block; -} + font-style: normal; } + /* Font Awesome styles ------------------------------------------------------- */ -[class^="icon-"]:before, [class*=" icon-"]:before { +[class^="icon-"]:before, +[class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; - text-decoration: inherit; -} -a [class^="icon-"], a [class*=" icon-"] { + text-decoration: inherit; } + +a [class^="icon-"], +a [class*=" icon-"] { display: inline-block; - text-decoration: inherit; -} + text-decoration: inherit; } + /* makes the font 33% larger relative to the icon container */ .icon-large:before { - vertical-align: top; - font-size: 1.3333333333333333em; -} -.btn [class^="icon-"], .btn [class*=" icon-"] { - /* keeps button heights with and without icons the same */ + vertical-align: middle; + font-size: 4/3em; } - line-height: .9em; -} -li [class^="icon-"], li [class*=" icon-"] { +.btn [class^="icon-"], +.btn [class*=" icon-"], .nav-tabs [class^="icon-"], .nav-tabs [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + line-height: .9em; } + +li [class^="icon-"], +li [class*=" icon-"] { display: inline-block; width: 1.25em; - text-align: center; -} -li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { + text-align: center; } +li .icon-large:before, +li .icon-large:before { /* 1.5 increased font size for icon-large * 1.25 width */ + width: 1.875em; } - width: 1.875em; -} -li[class^="icon-"], li[class*=" icon-"] { - margin-left: 0; +ul.icons { list-style-type: none; -} -li[class^="icon-"]:before, li[class*=" icon-"]:before { - text-indent: -2em; - text-align: center; -} -li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { - text-indent: -1.3333333333333333em; -} + margin-left: 2em; + text-indent: -0.8em; } + ul.icons li [class^="icon-"], + ul.icons li [class*=" icon-"] { + width: .8em; } + ul.icons li .icon-large:before, + ul.icons li .icon-large:before { + /* 1.5 increased font size for icon-large * 1.25 width */ + vertical-align: initial; } + /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ -.icon-glass:before { content: "\f000"; } -.icon-music:before { content: "\f001"; } -.icon-search:before { content: "\f002"; } -.icon-envelope:before { content: "\f003"; } -.icon-heart:before { content: "\f004"; } -.icon-star:before { content: "\f005"; } -.icon-star-empty:before { content: "\f006"; } -.icon-user:before { content: "\f007"; } -.icon-film:before { content: "\f008"; } -.icon-th-large:before { content: "\f009"; } -.icon-th:before { content: "\f00a"; } -.icon-th-list:before { content: "\f00b"; } -.icon-ok:before { content: "\f00c"; } -.icon-remove:before { content: "\f00d"; } -.icon-zoom-in:before { content: "\f00e"; } +.icon-glass:before { + content: "\f000"; } -.icon-zoom-out:before { content: "\f010"; } -.icon-off:before { content: "\f011"; } -.icon-signal:before { content: "\f012"; } -.icon-cog:before { content: "\f013"; } -.icon-trash:before { content: "\f014"; } -.icon-home:before { content: "\f015"; } -.icon-file:before { content: "\f016"; } -.icon-time:before { content: "\f017"; } -.icon-road:before { content: "\f018"; } -.icon-download-alt:before { content: "\f019"; } -.icon-download:before { content: "\f01a"; } -.icon-upload:before { content: "\f01b"; } -.icon-inbox:before { content: "\f01c"; } -.icon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { content: "\f01e"; } +.icon-music:before { + content: "\f001"; } + +.icon-search:before { + content: "\f002"; } + +.icon-envelope:before { + content: "\f003"; } + +.icon-heart:before { + content: "\f004"; } + +.icon-star:before { + content: "\f005"; } + +.icon-star-empty:before { + content: "\f006"; } + +.icon-user:before { + content: "\f007"; } + +.icon-film:before { + content: "\f008"; } + +.icon-th-large:before { + content: "\f009"; } + +.icon-th:before { + content: "\f00a"; } + +.icon-th-list:before { + content: "\f00b"; } + +.icon-ok:before { + content: "\f00c"; } + +.icon-remove:before { + content: "\f00d"; } + +.icon-zoom-in:before { + content: "\f00e"; } + +.icon-zoom-out:before { + content: "\f010"; } + +.icon-off:before { + content: "\f011"; } + +.icon-signal:before { + content: "\f012"; } + +.icon-cog:before { + content: "\f013"; } + +.icon-trash:before { + content: "\f014"; } + +.icon-home:before { + content: "\f015"; } + +.icon-file:before { + content: "\f016"; } + +.icon-time:before { + content: "\f017"; } + +.icon-road:before { + content: "\f018"; } + +.icon-download-alt:before { + content: "\f019"; } + +.icon-download:before { + content: "\f01a"; } + +.icon-upload:before { + content: "\f01b"; } + +.icon-inbox:before { + content: "\f01c"; } + +.icon-play-circle:before { + content: "\f01d"; } + +.icon-repeat:before { + content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ -.icon-refresh:before { content: "\f021"; } -.icon-list-alt:before { content: "\f022"; } -.icon-lock:before { content: "\f023"; } -.icon-flag:before { content: "\f024"; } -.icon-headphones:before { content: "\f025"; } -.icon-volume-off:before { content: "\f026"; } -.icon-volume-down:before { content: "\f027"; } -.icon-volume-up:before { content: "\f028"; } -.icon-qrcode:before { content: "\f029"; } -.icon-barcode:before { content: "\f02a"; } -.icon-tag:before { content: "\f02b"; } -.icon-tags:before { content: "\f02c"; } -.icon-book:before { content: "\f02d"; } -.icon-bookmark:before { content: "\f02e"; } -.icon-print:before { content: "\f02f"; } +.icon-refresh:before { + content: "\f021"; } -.icon-camera:before { content: "\f030"; } -.icon-font:before { content: "\f031"; } -.icon-bold:before { content: "\f032"; } -.icon-italic:before { content: "\f033"; } -.icon-text-height:before { content: "\f034"; } -.icon-text-width:before { content: "\f035"; } -.icon-align-left:before { content: "\f036"; } -.icon-align-center:before { content: "\f037"; } -.icon-align-right:before { content: "\f038"; } -.icon-align-justify:before { content: "\f039"; } -.icon-list:before { content: "\f03a"; } -.icon-indent-left:before { content: "\f03b"; } -.icon-indent-right:before { content: "\f03c"; } -.icon-facetime-video:before { content: "\f03d"; } -.icon-picture:before { content: "\f03e"; } +.icon-list-alt:before { + content: "\f022"; } -.icon-pencil:before { content: "\f040"; } -.icon-map-marker:before { content: "\f041"; } -.icon-adjust:before { content: "\f042"; } -.icon-tint:before { content: "\f043"; } -.icon-edit:before { content: "\f044"; } -.icon-share:before { content: "\f045"; } -.icon-check:before { content: "\f046"; } -.icon-move:before { content: "\f047"; } -.icon-step-backward:before { content: "\f048"; } -.icon-fast-backward:before { content: "\f049"; } -.icon-backward:before { content: "\f04a"; } -.icon-play:before { content: "\f04b"; } -.icon-pause:before { content: "\f04c"; } -.icon-stop:before { content: "\f04d"; } -.icon-forward:before { content: "\f04e"; } +.icon-lock:before { + content: "\f023"; } -.icon-fast-forward:before { content: "\f050"; } -.icon-step-forward:before { content: "\f051"; } -.icon-eject:before { content: "\f052"; } -.icon-chevron-left:before { content: "\f053"; } -.icon-chevron-right:before { content: "\f054"; } -.icon-plus-sign:before { content: "\f055"; } -.icon-minus-sign:before { content: "\f056"; } -.icon-remove-sign:before { content: "\f057"; } -.icon-ok-sign:before { content: "\f058"; } -.icon-question-sign:before { content: "\f059"; } -.icon-info-sign:before { content: "\f05a"; } -.icon-screenshot:before { content: "\f05b"; } -.icon-remove-circle:before { content: "\f05c"; } -.icon-ok-circle:before { content: "\f05d"; } -.icon-ban-circle:before { content: "\f05e"; } +.icon-flag:before { + content: "\f024"; } -.icon-arrow-left:before { content: "\f060"; } -.icon-arrow-right:before { content: "\f061"; } -.icon-arrow-up:before { content: "\f062"; } -.icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { content: "\f064"; } -.icon-resize-full:before { content: "\f065"; } -.icon-resize-small:before { content: "\f066"; } -.icon-plus:before { content: "\f067"; } -.icon-minus:before { content: "\f068"; } -.icon-asterisk:before { content: "\f069"; } -.icon-exclamation-sign:before { content: "\f06a"; } -.icon-gift:before { content: "\f06b"; } -.icon-leaf:before { content: "\f06c"; } -.icon-fire:before { content: "\f06d"; } -.icon-eye-open:before { content: "\f06e"; } +.icon-headphones:before { + content: "\f025"; } -.icon-eye-close:before { content: "\f070"; } -.icon-warning-sign:before { content: "\f071"; } -.icon-plane:before { content: "\f072"; } -.icon-calendar:before { content: "\f073"; } -.icon-random:before { content: "\f074"; } -.icon-comment:before { content: "\f075"; } -.icon-magnet:before { content: "\f076"; } -.icon-chevron-up:before { content: "\f077"; } -.icon-chevron-down:before { content: "\f078"; } -.icon-retweet:before { content: "\f079"; } -.icon-shopping-cart:before { content: "\f07a"; } -.icon-folder-close:before { content: "\f07b"; } -.icon-folder-open:before { content: "\f07c"; } -.icon-resize-vertical:before { content: "\f07d"; } -.icon-resize-horizontal:before { content: "\f07e"; } +.icon-volume-off:before { + content: "\f026"; } -.icon-bar-chart:before { content: "\f080"; } -.icon-twitter-sign:before { content: "\f081"; } -.icon-facebook-sign:before { content: "\f082"; } -.icon-camera-retro:before { content: "\f083"; } -.icon-key:before { content: "\f084"; } -.icon-cogs:before { content: "\f085"; } -.icon-comments:before { content: "\f086"; } -.icon-thumbs-up:before { content: "\f087"; } -.icon-thumbs-down:before { content: "\f088"; } -.icon-star-half:before { content: "\f089"; } -.icon-heart-empty:before { content: "\f08a"; } -.icon-signout:before { content: "\f08b"; } -.icon-linkedin-sign:before { content: "\f08c"; } -.icon-pushpin:before { content: "\f08d"; } -.icon-external-link:before { content: "\f08e"; } +.icon-volume-down:before { + content: "\f027"; } -.icon-signin:before { content: "\f090"; } -.icon-trophy:before { content: "\f091"; } -.icon-github-sign:before { content: "\f092"; } -.icon-upload-alt:before { content: "\f093"; } -.icon-lemon:before { content: "\f094"; } -.icon-phone:before { content: "\f095"; } -.icon-check-empty:before { content: "\f096"; } -.icon-bookmark-empty:before { content: "\f097"; } -.icon-phone-sign:before { content: "\f098"; } -.icon-twitter:before { content: "\f099"; } -.icon-facebook:before { content: "\f09a"; } -.icon-github:before { content: "\f09b"; } -.icon-unlock:before { content: "\f09c"; } -.icon-credit-card:before { content: "\f09d"; } -.icon-rss:before { content: "\f09e"; } +.icon-volume-up:before { + content: "\f028"; } -.icon-hdd:before { content: "\f0a0"; } -.icon-bullhorn:before { content: "\f0a1"; } -.icon-bell:before { content: "\f0a2"; } -.icon-certificate:before { content: "\f0a3"; } -.icon-hand-right:before { content: "\f0a4"; } -.icon-hand-left:before { content: "\f0a5"; } -.icon-hand-up:before { content: "\f0a6"; } -.icon-hand-down:before { content: "\f0a7"; } -.icon-circle-arrow-left:before { content: "\f0a8"; } -.icon-circle-arrow-right:before { content: "\f0a9"; } -.icon-circle-arrow-up:before { content: "\f0aa"; } -.icon-circle-arrow-down:before { content: "\f0ab"; } -.icon-globe:before { content: "\f0ac"; } -.icon-wrench:before { content: "\f0ad"; } -.icon-tasks:before { content: "\f0ae"; } +.icon-qrcode:before { + content: "\f029"; } -.icon-filter:before { content: "\f0b0"; } -.icon-briefcase:before { content: "\f0b1"; } -.icon-fullscreen:before { content: "\f0b2"; } +.icon-barcode:before { + content: "\f02a"; } -.icon-group:before { content: "\f0c0"; } -.icon-link:before { content: "\f0c1"; } -.icon-cloud:before { content: "\f0c2"; } -.icon-beaker:before { content: "\f0c3"; } -.icon-cut:before { content: "\f0c4"; } -.icon-copy:before { content: "\f0c5"; } -.icon-paper-clip:before { content: "\f0c6"; } -.icon-save:before { content: "\f0c7"; } -.icon-sign-blank:before { content: "\f0c8"; } -.icon-reorder:before { content: "\f0c9"; } -.icon-list-ul:before { content: "\f0ca"; } -.icon-list-ol:before { content: "\f0cb"; } -.icon-strikethrough:before { content: "\f0cc"; } -.icon-underline:before { content: "\f0cd"; } -.icon-table:before { content: "\f0ce"; } +.icon-tag:before { + content: "\f02b"; } -.icon-magic:before { content: "\f0d0"; } -.icon-truck:before { content: "\f0d1"; } -.icon-pinterest:before { content: "\f0d2"; } -.icon-pinterest-sign:before { content: "\f0d3"; } -.icon-google-plus-sign:before { content: "\f0d4"; } -.icon-google-plus:before { content: "\f0d5"; } -.icon-money:before { content: "\f0d6"; } -.icon-caret-down:before { content: "\f0d7"; } -.icon-caret-up:before { content: "\f0d8"; } -.icon-caret-left:before { content: "\f0d9"; } -.icon-caret-right:before { content: "\f0da"; } -.icon-columns:before { content: "\f0db"; } -.icon-sort:before { content: "\f0dc"; } -.icon-sort-down:before { content: "\f0dd"; } -.icon-sort-up:before { content: "\f0de"; } +.icon-tags:before { + content: "\f02c"; } -.icon-envelope-alt:before { content: "\f0e0"; } -.icon-linkedin:before { content: "\f0e1"; } -.icon-undo:before { content: "\f0e2"; } -.icon-legal:before { content: "\f0e3"; } -.icon-dashboard:before { content: "\f0e4"; } -.icon-comment-alt:before { content: "\f0e5"; } -.icon-comments-alt:before { content: "\f0e6"; } -.icon-bolt:before { content: "\f0e7"; } -.icon-sitemap:before { content: "\f0e8"; } -.icon-umbrella:before { content: "\f0e9"; } -.icon-paste:before { content: "\f0ea"; } +.icon-book:before { + content: "\f02d"; } -.icon-user-md:before { content: "\f200"; } +.icon-bookmark:before { + content: "\f02e"; } + +.icon-print:before { + content: "\f02f"; } + +.icon-camera:before { + content: "\f030"; } + +.icon-font:before { + content: "\f031"; } + +.icon-bold:before { + content: "\f032"; } + +.icon-italic:before { + content: "\f033"; } + +.icon-text-height:before { + content: "\f034"; } + +.icon-text-width:before { + content: "\f035"; } + +.icon-align-left:before { + content: "\f036"; } + +.icon-align-center:before { + content: "\f037"; } + +.icon-align-right:before { + content: "\f038"; } + +.icon-align-justify:before { + content: "\f039"; } + +.icon-list:before { + content: "\f03a"; } + +.icon-indent-left:before { + content: "\f03b"; } + +.icon-indent-right:before { + content: "\f03c"; } + +.icon-facetime-video:before { + content: "\f03d"; } + +.icon-picture:before { + content: "\f03e"; } + +.icon-pencil:before { + content: "\f040"; } + +.icon-map-marker:before { + content: "\f041"; } + +.icon-adjust:before { + content: "\f042"; } + +.icon-tint:before { + content: "\f043"; } + +.icon-edit:before { + content: "\f044"; } + +.icon-share:before { + content: "\f045"; } + +.icon-check:before { + content: "\f046"; } + +.icon-move:before { + content: "\f047"; } + +.icon-step-backward:before { + content: "\f048"; } + +.icon-fast-backward:before { + content: "\f049"; } + +.icon-backward:before { + content: "\f04a"; } + +.icon-play:before { + content: "\f04b"; } + +.icon-pause:before { + content: "\f04c"; } + +.icon-stop:before { + content: "\f04d"; } + +.icon-forward:before { + content: "\f04e"; } + +.icon-fast-forward:before { + content: "\f050"; } + +.icon-step-forward:before { + content: "\f051"; } + +.icon-eject:before { + content: "\f052"; } + +.icon-chevron-left:before { + content: "\f053"; } + +.icon-chevron-right:before { + content: "\f054"; } + +.icon-plus-sign:before { + content: "\f055"; } + +.icon-minus-sign:before { + content: "\f056"; } + +.icon-remove-sign:before { + content: "\f057"; } + +.icon-ok-sign:before { + content: "\f058"; } + +.icon-question-sign:before { + content: "\f059"; } + +.icon-info-sign:before { + content: "\f05a"; } + +.icon-screenshot:before { + content: "\f05b"; } + +.icon-remove-circle:before { + content: "\f05c"; } + +.icon-ok-circle:before { + content: "\f05d"; } + +.icon-ban-circle:before { + content: "\f05e"; } + +.icon-arrow-left:before { + content: "\f060"; } + +.icon-arrow-right:before { + content: "\f061"; } + +.icon-arrow-up:before { + content: "\f062"; } + +.icon-arrow-down:before { + content: "\f063"; } + +.icon-share-alt:before { + content: "\f064"; } + +.icon-resize-full:before { + content: "\f065"; } + +.icon-resize-small:before { + content: "\f066"; } + +.icon-plus:before { + content: "\f067"; } + +.icon-minus:before { + content: "\f068"; } + +.icon-asterisk:before { + content: "\f069"; } + +.icon-exclamation-sign:before { + content: "\f06a"; } + +.icon-gift:before { + content: "\f06b"; } + +.icon-leaf:before { + content: "\f06c"; } + +.icon-fire:before { + content: "\f06d"; } + +.icon-eye-open:before { + content: "\f06e"; } + +.icon-eye-close:before { + content: "\f070"; } + +.icon-warning-sign:before { + content: "\f071"; } + +.icon-plane:before { + content: "\f072"; } + +.icon-calendar:before { + content: "\f073"; } + +.icon-random:before { + content: "\f074"; } + +.icon-comment:before { + content: "\f075"; } + +.icon-magnet:before { + content: "\f076"; } + +.icon-chevron-up:before { + content: "\f077"; } + +.icon-chevron-down:before { + content: "\f078"; } + +.icon-retweet:before { + content: "\f079"; } + +.icon-shopping-cart:before { + content: "\f07a"; } + +.icon-folder-close:before { + content: "\f07b"; } + +.icon-folder-open:before { + content: "\f07c"; } + +.icon-resize-vertical:before { + content: "\f07d"; } + +.icon-resize-horizontal:before { + content: "\f07e"; } + +.icon-bar-chart:before { + content: "\f080"; } + +.icon-twitter-sign:before { + content: "\f081"; } + +.icon-facebook-sign:before { + content: "\f082"; } + +.icon-camera-retro:before { + content: "\f083"; } + +.icon-key:before { + content: "\f084"; } + +.icon-cogs:before { + content: "\f085"; } + +.icon-comments:before { + content: "\f086"; } + +.icon-thumbs-up:before { + content: "\f087"; } + +.icon-thumbs-down:before { + content: "\f088"; } + +.icon-star-half:before { + content: "\f089"; } + +.icon-heart-empty:before { + content: "\f08a"; } + +.icon-signout:before { + content: "\f08b"; } + +.icon-linkedin-sign:before { + content: "\f08c"; } + +.icon-pushpin:before { + content: "\f08d"; } + +.icon-external-link:before { + content: "\f08e"; } + +.icon-signin:before { + content: "\f090"; } + +.icon-trophy:before { + content: "\f091"; } + +.icon-github-sign:before { + content: "\f092"; } + +.icon-upload-alt:before { + content: "\f093"; } + +.icon-lemon:before { + content: "\f094"; } + +.icon-phone:before { + content: "\f095"; } + +.icon-check-empty:before { + content: "\f096"; } + +.icon-bookmark-empty:before { + content: "\f097"; } + +.icon-phone-sign:before { + content: "\f098"; } + +.icon-twitter:before { + content: "\f099"; } + +.icon-facebook:before { + content: "\f09a"; } + +.icon-github:before { + content: "\f09b"; } + +.icon-unlock:before { + content: "\f09c"; } + +.icon-credit-card:before { + content: "\f09d"; } + +.icon-rss:before { + content: "\f09e"; } + +.icon-hdd:before { + content: "\f0a0"; } + +.icon-bullhorn:before { + content: "\f0a1"; } + +.icon-bell:before { + content: "\f0a2"; } + +.icon-certificate:before { + content: "\f0a3"; } + +.icon-hand-right:before { + content: "\f0a4"; } + +.icon-hand-left:before { + content: "\f0a5"; } + +.icon-hand-up:before { + content: "\f0a6"; } + +.icon-hand-down:before { + content: "\f0a7"; } + +.icon-circle-arrow-left:before { + content: "\f0a8"; } + +.icon-circle-arrow-right:before { + content: "\f0a9"; } + +.icon-circle-arrow-up:before { + content: "\f0aa"; } + +.icon-circle-arrow-down:before { + content: "\f0ab"; } + +.icon-globe:before { + content: "\f0ac"; } + +.icon-wrench:before { + content: "\f0ad"; } + +.icon-tasks:before { + content: "\f0ae"; } + +.icon-filter:before { + content: "\f0b0"; } + +.icon-briefcase:before { + content: "\f0b1"; } + +.icon-fullscreen:before { + content: "\f0b2"; } + +.icon-group:before { + content: "\f0c0"; } + +.icon-link:before { + content: "\f0c1"; } + +.icon-cloud:before { + content: "\f0c2"; } + +.icon-beaker:before { + content: "\f0c3"; } + +.icon-cut:before { + content: "\f0c4"; } + +.icon-copy:before { + content: "\f0c5"; } + +.icon-paper-clip:before { + content: "\f0c6"; } + +.icon-save:before { + content: "\f0c7"; } + +.icon-sign-blank:before { + content: "\f0c8"; } + +.icon-reorder:before { + content: "\f0c9"; } + +.icon-list-ul:before { + content: "\f0ca"; } + +.icon-list-ol:before { + content: "\f0cb"; } + +.icon-strikethrough:before { + content: "\f0cc"; } + +.icon-underline:before { + content: "\f0cd"; } + +.icon-table:before { + content: "\f0ce"; } + +.icon-magic:before { + content: "\f0d0"; } + +.icon-truck:before { + content: "\f0d1"; } + +.icon-pinterest:before { + content: "\f0d2"; } + +.icon-pinterest-sign:before { + content: "\f0d3"; } + +.icon-google-plus-sign:before { + content: "\f0d4"; } + +.icon-google-plus:before { + content: "\f0d5"; } + +.icon-money:before { + content: "\f0d6"; } + +.icon-caret-down:before { + content: "\f0d7"; } + +.icon-caret-up:before { + content: "\f0d8"; } + +.icon-caret-left:before { + content: "\f0d9"; } + +.icon-caret-right:before { + content: "\f0da"; } + +.icon-columns:before { + content: "\f0db"; } + +.icon-sort:before { + content: "\f0dc"; } + +.icon-sort-down:before { + content: "\f0dd"; } + +.icon-sort-up:before { + content: "\f0de"; } + +.icon-envelope-alt:before { + content: "\f0e0"; } + +.icon-linkedin:before { + content: "\f0e1"; } + +.icon-undo:before { + content: "\f0e2"; } + +.icon-legal:before { + content: "\f0e3"; } + +.icon-dashboard:before { + content: "\f0e4"; } + +.icon-comment-alt:before { + content: "\f0e5"; } + +.icon-comments-alt:before { + content: "\f0e6"; } + +.icon-bolt:before { + content: "\f0e7"; } + +.icon-sitemap:before { + content: "\f0e8"; } + +.icon-umbrella:before { + content: "\f0e9"; } + +.icon-paste:before { + content: "\f0ea"; } + +.icon-user-md:before { + content: "\f200"; } diff --git a/sass/font-awesome.sass b/sass/font-awesome.sass index 5f9ec7669..18cf5088a 100644 --- a/sass/font-awesome.sass +++ b/sass/font-awesome.sass @@ -18,29 +18,14 @@ * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me - * Work: http://lemonwi.se co-founder + * Work: Lead Product Designer @ http://kyruus.com @import compass/css3/font-face + $font_path: "../font/fontawesome-webfont" !default +font-face("FontAwesome", font-files("#{$font_path}.woff", woff, "#{$font_path}.ttf", truetype, "#{$font_path}.otf", opentype, "#{$font_path}.svgz#FontAwesomeRegular", svg, "#{$font_path}.svg#FontAwesomeRegular", svg), "#{$font_path}.eot", normal, normal) -// sprites.less reset -[class^="icon-"], -[class*=" icon-"] - display: inline - width: auto - height: auto - line-height: inherit - vertical-align: baseline - background-image: none - background-position: 0% 0% - background-repeat: repeat - -li[class^="icon-"], -li[class*=" icon-"] - display: block - /* Font Awesome styles * ------------------------------------------------------- @@ -57,12 +42,12 @@ a [class*=" icon-"] display: inline-block text-decoration: inherit -// makes the font 33% larger relative to the icon container +/* makes the font 33% larger relative to the icon container .icon-large:before - vertical-align: top + vertical-align: middle font-size: 4 / 3em -.btn +.btn, .nav-tabs [class^="icon-"], [class*=" icon-"] /* keeps button heights with and without icons the same @@ -74,20 +59,24 @@ li display: inline-block width: 1.25em text-align: center - .icon-large[class^="icon-"], - .icon-large[class*=" icon-"] - // 1.5 increased font size for icon-large * 1.25 width + .icon-large:before, + .icon-large:before + /* 1.5 increased font size for icon-large * 1.25 width width: 1.5 * 1.25em -li[class^="icon-"], -li[class*=" icon-"] - margin-left: 0 +ul.icons list-style-type: none - &:before - text-indent: -2em - text-align: center - &.icon-large:before - text-indent: -4 / 3em + margin-left: 2em + text-indent: -0.8em + li + [class^="icon-"], + [class*=" icon-"] + width: .8em + .icon-large:before, + .icon-large:before + /* 1.5 increased font size for icon-large * 1.25 width + vertical-align: initial + // width: 1.5*1.25em; /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen * readers do not read off random characters that represent icons @@ -181,7 +170,7 @@ li[class*=" icon-"] .icon-repeat:before content: "\f01e" -/* \f020 is not a valid unicode character. all shifted one down */ +/* \f020 is not a valid unicode character. all shifted one down .icon-refresh:before content: "\f021" @@ -511,3 +500,213 @@ li[class*=" icon-"] .icon-lemon:before content: "\f094" + +.icon-phone:before + content: "\f095" + +.icon-check-empty:before + content: "\f096" + +.icon-bookmark-empty:before + content: "\f097" + +.icon-phone-sign:before + content: "\f098" + +.icon-twitter:before + content: "\f099" + +.icon-facebook:before + content: "\f09a" + +.icon-github:before + content: "\f09b" + +.icon-unlock:before + content: "\f09c" + +.icon-credit-card:before + content: "\f09d" + +.icon-rss:before + content: "\f09e" + +.icon-hdd:before + content: "\f0a0" + +.icon-bullhorn:before + content: "\f0a1" + +.icon-bell:before + content: "\f0a2" + +.icon-certificate:before + content: "\f0a3" + +.icon-hand-right:before + content: "\f0a4" + +.icon-hand-left:before + content: "\f0a5" + +.icon-hand-up:before + content: "\f0a6" + +.icon-hand-down:before + content: "\f0a7" + +.icon-circle-arrow-left:before + content: "\f0a8" + +.icon-circle-arrow-right:before + content: "\f0a9" + +.icon-circle-arrow-up:before + content: "\f0aa" + +.icon-circle-arrow-down:before + content: "\f0ab" + +.icon-globe:before + content: "\f0ac" + +.icon-wrench:before + content: "\f0ad" + +.icon-tasks:before + content: "\f0ae" + +.icon-filter:before + content: "\f0b0" + +.icon-briefcase:before + content: "\f0b1" + +.icon-fullscreen:before + content: "\f0b2" + +.icon-group:before + content: "\f0c0" + +.icon-link:before + content: "\f0c1" + +.icon-cloud:before + content: "\f0c2" + +.icon-beaker:before + content: "\f0c3" + +.icon-cut:before + content: "\f0c4" + +.icon-copy:before + content: "\f0c5" + +.icon-paper-clip:before + content: "\f0c6" + +.icon-save:before + content: "\f0c7" + +.icon-sign-blank:before + content: "\f0c8" + +.icon-reorder:before + content: "\f0c9" + +.icon-list-ul:before + content: "\f0ca" + +.icon-list-ol:before + content: "\f0cb" + +.icon-strikethrough:before + content: "\f0cc" + +.icon-underline:before + content: "\f0cd" + +.icon-table:before + content: "\f0ce" + +.icon-magic:before + content: "\f0d0" + +.icon-truck:before + content: "\f0d1" + +.icon-pinterest:before + content: "\f0d2" + +.icon-pinterest-sign:before + content: "\f0d3" + +.icon-google-plus-sign:before + content: "\f0d4" + +.icon-google-plus:before + content: "\f0d5" + +.icon-money:before + content: "\f0d6" + +.icon-caret-down:before + content: "\f0d7" + +.icon-caret-up:before + content: "\f0d8" + +.icon-caret-left:before + content: "\f0d9" + +.icon-caret-right:before + content: "\f0da" + +.icon-columns:before + content: "\f0db" + +.icon-sort:before + content: "\f0dc" + +.icon-sort-down:before + content: "\f0dd" + +.icon-sort-up:before + content: "\f0de" + +.icon-envelope-alt:before + content: "\f0e0" + +.icon-linkedin:before + content: "\f0e1" + +.icon-undo:before + content: "\f0e2" + +.icon-legal:before + content: "\f0e3" + +.icon-dashboard:before + content: "\f0e4" + +.icon-comment-alt:before + content: "\f0e5" + +.icon-comments-alt:before + content: "\f0e6" + +.icon-bolt:before + content: "\f0e7" + +.icon-sitemap:before + content: "\f0e8" + +.icon-umbrella:before + content: "\f0e9" + +.icon-paste:before + content: "\f0ea" + +.icon-user-md:before + content: "\f200" diff --git a/sass/font-awesome.scss b/sass/font-awesome.scss index e5b8ca679..a26446632 100644 --- a/sass/font-awesome.scss +++ b/sass/font-awesome.scss @@ -18,250 +18,314 @@ ------------------------------------------------------- Email: dave@davegandy.com Twitter: http://twitter.com/fortaweso_me - Work: http://lemonwi.se co-founder + Work: Lead Product Designer @ http://kyruus.com */ - + @import "compass/css3/font-face"; $font_path: "../font/fontawesome-webfont" !default; @include font-face( - 'FontAwesome', - font-files( - "#{$font_path}.woff", woff, - "#{$font_path}.ttf", truetype, - "#{$font_path}.otf", opentype, - "#{$font_path}.svgz#FontAwesomeRegular", svg, - "#{$font_path}.svg#FontAwesomeRegular", svg), - '#{$font_path}.eot', - normal, - normal); - -/* sprites.less reset */ -[class^="icon-"], -[class*=" icon-"] { - display: inline; - width: auto; - height: auto; - line-height: inherit; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; -} -li[class^="icon-"], -li[class*=" icon-"] { - display: block; -} + 'FontAwesome', + font-files( + "#{$font_path}.woff", woff, + "#{$font_path}.ttf", truetype, + "#{$font_path}.otf", opentype, + "#{$font_path}.svgz#FontAwesomeRegular", svg, + "#{$font_path}.svg#FontAwesomeRegular", svg), + '#{$font_path}.eot', + normal, + normal); /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { - display: inline-block; - text-decoration: inherit; + display: inline-block; + text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { - vertical-align: top; - font-size: 4/3em; + vertical-align: middle; + font-size: 4/3em; } -.btn { - [class^="icon-"], - [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - line-height: .9em; - } +.btn, .nav-tabs { + [class^="icon-"], + [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + line-height: .9em; + } } li { - [class^="icon-"], - [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; - } - .icon-large[class^="icon-"], - .icon-large[class*=" icon-"] { - /* 1.5 increased font size for icon-large * 1.25 width */ - width: 1.5*1.25em; - } + [class^="icon-"], + [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; + } + .icon-large:before, + .icon-large:before { + /* 1.5 increased font size for icon-large * 1.25 width */ + width: 1.5*1.25em; + } } -li[class^="icon-"], -li[class*=" icon-"] { - margin-left: 0; - list-style-type: none; +ul.icons { + list-style-type: none; + margin-left: 2em; + text-indent: -.8em; - &:before { - text-indent: -2em; - text-align: center; + li { + [class^="icon-"], + [class*=" icon-"] { + width: .8em; } - &.icon-large:before { - text-indent: -4/3em; + .icon-large:before, + .icon-large:before { + /* 1.5 increased font size for icon-large * 1.25 width */ + vertical-align: initial; +// width: 1.5*1.25em; } + } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ -.icon-glass:before { content: "\f000"; } -.icon-music:before { content: "\f001"; } -.icon-search:before { content: "\f002"; } -.icon-envelope:before { content: "\f003"; } -.icon-heart:before { content: "\f004"; } -.icon-star:before { content: "\f005"; } -.icon-star-empty:before { content: "\f006"; } -.icon-user:before { content: "\f007"; } -.icon-film:before { content: "\f008"; } -.icon-th-large:before { content: "\f009"; } -.icon-th:before { content: "\f00a"; } -.icon-th-list:before { content: "\f00b"; } -.icon-ok:before { content: "\f00c"; } -.icon-remove:before { content: "\f00d"; } -.icon-zoom-in:before { content: "\f00e"; } +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } -.icon-zoom-out:before { content: "\f010"; } -.icon-off:before { content: "\f011"; } -.icon-signal:before { content: "\f012"; } -.icon-cog:before { content: "\f013"; } -.icon-trash:before { content: "\f014"; } -.icon-home:before { content: "\f015"; } -.icon-file:before { content: "\f016"; } -.icon-time:before { content: "\f017"; } -.icon-road:before { content: "\f018"; } -.icon-download-alt:before { content: "\f019"; } -.icon-download:before { content: "\f01a"; } -.icon-upload:before { content: "\f01b"; } -.icon-inbox:before { content: "\f01c"; } -.icon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { content: "\f01e"; } +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ -.icon-refresh:before { content: "\f021"; } -.icon-list-alt:before { content: "\f022"; } -.icon-lock:before { content: "\f023"; } -.icon-flag:before { content: "\f024"; } -.icon-headphones:before { content: "\f025"; } -.icon-volume-off:before { content: "\f026"; } -.icon-volume-down:before { content: "\f027"; } -.icon-volume-up:before { content: "\f028"; } -.icon-qrcode:before { content: "\f029"; } -.icon-barcode:before { content: "\f02a"; } -.icon-tag:before { content: "\f02b"; } -.icon-tags:before { content: "\f02c"; } -.icon-book:before { content: "\f02d"; } -.icon-bookmark:before { content: "\f02e"; } -.icon-print:before { content: "\f02f"; } +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } -.icon-camera:before { content: "\f030"; } -.icon-font:before { content: "\f031"; } -.icon-bold:before { content: "\f032"; } -.icon-italic:before { content: "\f033"; } -.icon-text-height:before { content: "\f034"; } -.icon-text-width:before { content: "\f035"; } -.icon-align-left:before { content: "\f036"; } -.icon-align-center:before { content: "\f037"; } -.icon-align-right:before { content: "\f038"; } -.icon-align-justify:before { content: "\f039"; } -.icon-list:before { content: "\f03a"; } -.icon-indent-left:before { content: "\f03b"; } -.icon-indent-right:before { content: "\f03c"; } -.icon-facetime-video:before { content: "\f03d"; } -.icon-picture:before { content: "\f03e"; } +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } -.icon-pencil:before { content: "\f040"; } -.icon-map-marker:before { content: "\f041"; } -.icon-adjust:before { content: "\f042"; } -.icon-tint:before { content: "\f043"; } -.icon-edit:before { content: "\f044"; } -.icon-share:before { content: "\f045"; } -.icon-check:before { content: "\f046"; } -.icon-move:before { content: "\f047"; } -.icon-step-backward:before { content: "\f048"; } -.icon-fast-backward:before { content: "\f049"; } -.icon-backward:before { content: "\f04a"; } -.icon-play:before { content: "\f04b"; } -.icon-pause:before { content: "\f04c"; } -.icon-stop:before { content: "\f04d"; } -.icon-forward:before { content: "\f04e"; } +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } -.icon-fast-forward:before { content: "\f050"; } -.icon-step-forward:before { content: "\f051"; } -.icon-eject:before { content: "\f052"; } -.icon-chevron-left:before { content: "\f053"; } -.icon-chevron-right:before { content: "\f054"; } -.icon-plus-sign:before { content: "\f055"; } -.icon-minus-sign:before { content: "\f056"; } -.icon-remove-sign:before { content: "\f057"; } -.icon-ok-sign:before { content: "\f058"; } -.icon-question-sign:before { content: "\f059"; } -.icon-info-sign:before { content: "\f05a"; } -.icon-screenshot:before { content: "\f05b"; } -.icon-remove-circle:before { content: "\f05c"; } -.icon-ok-circle:before { content: "\f05d"; } -.icon-ban-circle:before { content: "\f05e"; } +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } -.icon-arrow-left:before { content: "\f060"; } -.icon-arrow-right:before { content: "\f061"; } -.icon-arrow-up:before { content: "\f062"; } -.icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { content: "\f064"; } -.icon-resize-full:before { content: "\f065"; } -.icon-resize-small:before { content: "\f066"; } -.icon-plus:before { content: "\f067"; } -.icon-minus:before { content: "\f068"; } -.icon-asterisk:before { content: "\f069"; } -.icon-exclamation-sign:before { content: "\f06a"; } -.icon-gift:before { content: "\f06b"; } -.icon-leaf:before { content: "\f06c"; } -.icon-fire:before { content: "\f06d"; } -.icon-eye-open:before { content: "\f06e"; } +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } -.icon-eye-close:before { content: "\f070"; } -.icon-warning-sign:before { content: "\f071"; } -.icon-plane:before { content: "\f072"; } -.icon-calendar:before { content: "\f073"; } -.icon-random:before { content: "\f074"; } -.icon-comment:before { content: "\f075"; } -.icon-magnet:before { content: "\f076"; } -.icon-chevron-up:before { content: "\f077"; } -.icon-chevron-down:before { content: "\f078"; } -.icon-retweet:before { content: "\f079"; } -.icon-shopping-cart:before { content: "\f07a"; } -.icon-folder-close:before { content: "\f07b"; } -.icon-folder-open:before { content: "\f07c"; } -.icon-resize-vertical:before { content: "\f07d"; } -.icon-resize-horizontal:before { content: "\f07e"; } +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } -.icon-bar-chart:before { content: "\f080"; } -.icon-twitter-sign:before { content: "\f081"; } -.icon-facebook-sign:before { content: "\f082"; } -.icon-camera-retro:before { content: "\f083"; } -.icon-key:before { content: "\f084"; } -.icon-cogs:before { content: "\f085"; } -.icon-comments:before { content: "\f086"; } -.icon-thumbs-up:before { content: "\f087"; } -.icon-thumbs-down:before { content: "\f088"; } -.icon-star-half:before { content: "\f089"; } -.icon-heart-empty:before { content: "\f08a"; } -.icon-signout:before { content: "\f08b"; } -.icon-linkedin-sign:before { content: "\f08c"; } -.icon-pushpin:before { content: "\f08d"; } -.icon-external-link:before { content: "\f08e"; } +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } -.icon-signin:before { content: "\f090"; } -.icon-trophy:before { content: "\f091"; } -.icon-github-sign:before { content: "\f092"; } -.icon-upload-alt:before { content: "\f093"; } -.icon-lemon:before { content: "\f094"; } \ No newline at end of file +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } + +.icon-user-md:before { content: "\f200"; } \ No newline at end of file