Permalink
Browse files

awesome font is awesome

  • Loading branch information...
hojberg committed Jan 6, 2013
1 parent bd4f118 commit 840781d942caf98034a1a1856bf02ad9bae2f691
View
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -1,77 +1,202 @@
-/* Font Awesome
+/* Font Awesome 3.0
the iconic font designed for use with Twitter Bootstrap
-------------------------------------------------------
The full suite of pictographic icons, examples, and documentation
can be found at: http://fortawesome.github.com/Font-Awesome/
License
-------------------------------------------------------
- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
- http://creativecommons.org/licenses/by/3.0/ A mention of
- 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
- source code is considered acceptable attribution (most common on the web).
- If human readable source code is not available to the end user, a mention in
- an 'About' or 'Credits' screen is considered acceptable (most common in desktop
- or mobile software).
+ • The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
+ • Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
+ http://opensource.org/licenses/mit-license.html
+ • The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
+ • Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+ "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
Contact
-------------------------------------------------------
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";
+ font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot');
- src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
+ src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../font/fontawesome-webfont.woff') format('woff'),
+ url('../font/fontawesome-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
-
/* Font Awesome styles
------------------------------------------------------- */
-[class^="icon-"]:before, [class*=" icon-"]:before {
+/* includes sprites.less reset */
+[class^="icon-"],
+[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
- display: inline-block;
text-decoration: inherit;
+ display: inline;
+ width: auto;
+ height: auto;
+ line-height: normal;
+ vertical-align: baseline;
+ background-image: none !important;
+ background-position: 0% 0%;
+ background-repeat: repeat;
}
-a [class^="icon-"], a [class*=" icon-"] {
- display: inline-block;
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
text-decoration: inherit;
+ display: inline-block;
+ speak: none;
+}
+/* makes sure icons active on rollover in links */
+a [class^="icon-"],
+a [class*=" icon-"] {
+ display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
- vertical-align: top;
+ vertical-align: -10%;
font-size: 1.3333333333333333em;
}
-.btn [class^="icon-"], .btn [class*=" icon-"] {
+.btn [class^="icon-"],
+.nav [class^="icon-"],
+.btn [class*=" icon-"],
+.nav [class*=" icon-"] {
+ display: inline;
/* keeps button heights with and without icons the same */
- line-height: .9em;
+ line-height: .6em;
+}
+.btn [class^="icon-"].icon-spin,
+.nav [class^="icon-"].icon-spin,
+.btn [class*=" icon-"].icon-spin,
+.nav [class*=" icon-"].icon-spin {
+ display: inline-block;
}
-li [class^="icon-"], li [class*=" icon-"] {
+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-"] {
- /* 1.5 increased font size for icon-large * 1.25 width */
+li [class^="icon-"].icon-large,
+li [class*=" icon-"].icon-large {
+ /* increased font size for icon-large */
- width: 1.875em;
+ width: 1.5625em;
}
-li[class^="icon-"], li[class*=" icon-"] {
- margin-left: 0;
+ul.icons {
list-style-type: none;
+ text-indent: -0.75em;
}
-li[class^="icon-"]:before, li[class*=" icon-"]:before {
- text-indent: -2em;
- text-align: center;
+ul.icons li [class^="icon-"],
+ul.icons li [class*=" icon-"] {
+ width: .75em;
+}
+.icon-muted {
+ color: #eeeeee;
+}
+.icon-border {
+ border: solid 1px #eeeeee;
+ padding: .2em .25em .15em;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+.icon-2x {
+ font-size: 2em;
+}
+.icon-2x.icon-border {
+ border-width: 2px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.icon-3x {
+ font-size: 3em;
+}
+.icon-3x.icon-border {
+ border-width: 3px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+.icon-4x {
+ font-size: 4em;
+}
+.icon-4x.icon-border {
+ border-width: 4px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
}
-li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
- text-indent: -1.3333333333333333em;
+.pull-right {
+ float: right;
+}
+.pull-left {
+ float: left;
+}
+[class^="icon-"].pull-left,
+[class*=" icon-"].pull-left {
+ margin-right: .35em;
+}
+[class^="icon-"].pull-right,
+[class*=" icon-"].pull-right {
+ margin-left: .35em;
+}
+.btn [class^="icon-"].pull-left.icon-2x,
+.btn [class*=" icon-"].pull-left.icon-2x,
+.btn [class^="icon-"].pull-right.icon-2x,
+.btn [class*=" icon-"].pull-right.icon-2x {
+ margin-top: .35em;
+}
+.btn [class^="icon-"].icon-spin.icon-large,
+.btn [class*=" icon-"].icon-spin.icon-large {
+ height: .75em;
+}
+.btn.btn-small [class^="icon-"].pull-left.icon-2x,
+.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
+.btn.btn-small [class^="icon-"].pull-right.icon-2x,
+.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
+ margin-top: .45em;
+}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+ margin-top: .2em;
+}
+.icon-spin {
+ display: inline-block;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ -webkit-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+@-moz-keyframes spin {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(359deg); }
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
@@ -299,5 +424,46 @@ li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
.icon-sitemap:before { content: "\f0e8"; }
.icon-umbrella:before { content: "\f0e9"; }
.icon-paste:before { content: "\f0ea"; }
+.icon-lightbulb:before { content: "\f0eb"; }
+.icon-exchange:before { content: "\f0ec"; }
+.icon-cloud-download:before { content: "\f0ed"; }
+.icon-cloud-upload:before { content: "\f0ee"; }
+
+.icon-user-md:before { content: "\f0f0"; }
+.icon-stethoscope:before { content: "\f0f1"; }
+.icon-suitcase:before { content: "\f0f2"; }
+.icon-bell-alt:before { content: "\f0f3"; }
+.icon-coffee:before { content: "\f0f4"; }
+.icon-food:before { content: "\f0f5"; }
+.icon-file-alt:before { content: "\f0f6"; }
+.icon-building:before { content: "\f0f7"; }
+.icon-hospital:before { content: "\f0f8"; }
+.icon-ambulance:before { content: "\f0f9"; }
+.icon-medkit:before { content: "\f0fa"; }
+.icon-fighter-jet:before { content: "\f0fb"; }
+.icon-beer:before { content: "\f0fc"; }
+.icon-h-sign:before { content: "\f0fd"; }
+.icon-plus-sign-alt:before { content: "\f0fe"; }
+
+.icon-double-angle-left:before { content: "\f100"; }
+.icon-double-angle-right:before { content: "\f101"; }
+.icon-double-angle-up:before { content: "\f102"; }
+.icon-double-angle-down:before { content: "\f103"; }
+.icon-angle-left:before { content: "\f104"; }
+.icon-angle-right:before { content: "\f105"; }
+.icon-angle-up:before { content: "\f106"; }
+.icon-angle-down:before { content: "\f107"; }
+.icon-desktop:before { content: "\f108"; }
+.icon-laptop:before { content: "\f109"; }
+.icon-tablet:before { content: "\f10a"; }
+.icon-mobile-phone:before { content: "\f10b"; }
+.icon-circle-blank:before { content: "\f10c"; }
+.icon-quote-left:before { content: "\f10d"; }
+.icon-quote-right:before { content: "\f10e"; }
-.icon-user-md:before { content: "\f200"; }
+.icon-spinner:before { content: "\f110"; }
+.icon-circle:before { content: "\f111"; }
+.icon-reply:before { content: "\f112"; }
+.icon-github-alt:before { content: "\f113"; }
+.icon-folder-close-alt:before { content: "\f114"; }
+.icon-folder-open-alt:before { content: "\f115"; }
Oops, something went wrong.

0 comments on commit 840781d

Please sign in to comment.