|
@@ -1,3 +1,27 @@
|
|
|
|
+/* Font Awesome
|
|
|
|
+ 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).
|
|
|
|
+
|
|
|
|
+ Contact
|
|
|
|
+ -------------------------------------------------------
|
|
|
|
+ Email: dave@davegandy.com
|
|
|
|
+ Twitter: http://twitter.com/fortaweso_me
|
|
|
|
+ Work: http://lemonwi.se co-founder
|
|
|
|
+
|
|
|
|
+ */
|
|
|
|
+
|
|
@import "compass/css3/font-face";
|
|
@import "compass/css3/font-face";
|
|
$font_path: "../font/fontawesome-webfont" !default;
|
|
$font_path: "../font/fontawesome-webfont" !default;
|
|
|
|
|
|
@@ -13,29 +37,51 @@ $font_path: "../font/fontawesome-webfont" !default;
|
|
normal,
|
|
normal,
|
|
normal);
|
|
normal);
|
|
|
|
|
|
-// ICONS
|
|
|
|
-// Glyphs and icons for buttons, nav, and more
|
|
|
|
-// -------------------------------------------
|
|
|
|
-// Font Awesome courtesy of Dave Gandy at fortaweso.me/font-awesome
|
|
|
|
|
|
+/* 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
|
|
|
|
+ ------------------------------------------------------- */
|
|
[class^="icon-"]:before,
|
|
[class^="icon-"]:before,
|
|
[class*=" icon-"]:before {
|
|
[class*=" icon-"]:before {
|
|
font-family: FontAwesome;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-style: normal;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
|
+ text-decoration: inherit;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+a [class^="icon-"],
|
|
|
|
+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 {
|
|
.icon-large:before {
|
|
-// display: inline-block;
|
|
|
|
|
|
+ vertical-align: top;
|
|
font-size: 4/3em;
|
|
font-size: 4/3em;
|
|
}
|
|
}
|
|
|
|
|
|
.btn {
|
|
.btn {
|
|
[class^="icon-"],
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
[class*=" icon-"] {
|
|
- line-height: .9em; // keeps button heights with and without icons the same
|
|
|
|
|
|
+ /* keeps button heights with and without icons the same */
|
|
|
|
+ line-height: .9em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -48,7 +94,8 @@ li {
|
|
}
|
|
}
|
|
.icon-large[class^="icon-"],
|
|
.icon-large[class^="icon-"],
|
|
.icon-large[class*=" icon-"] {
|
|
.icon-large[class*=" icon-"] {
|
|
- width: 1.5*1.25em; // 1.5 increased font size for icon-large * 1.25 width
|
|
|
|
|
|
+ /* 1.5 increased font size for icon-large * 1.25 width */
|
|
|
|
+ width: 1.5*1.25em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -66,8 +113,8 @@ li[class*=" icon-"] {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
-// Uses Unicode Private Use Area (PUA) to ensure screen readers do not read off
|
|
|
|
-// random characters that represent icons
|
|
|
|
|
|
+/* 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-glass:before { content: "\f000"; }
|
|
.icon-music:before { content: "\f001"; }
|
|
.icon-music:before { content: "\f001"; }
|
|
.icon-search:before { content: "\f002"; }
|
|
.icon-search:before { content: "\f002"; }
|
|
@@ -100,7 +147,7 @@ li[class*=" icon-"] {
|
|
.icon-play-circle:before { content: "\f01d"; }
|
|
.icon-play-circle:before { content: "\f01d"; }
|
|
.icon-repeat:before { content: "\f01e"; }
|
|
.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"; }
|
|
.icon-refresh:before { content: "\f021"; }
|
|
.icon-list-alt:before { content: "\f022"; }
|
|
.icon-list-alt:before { content: "\f022"; }
|
|
.icon-lock:before { content: "\f023"; }
|
|
.icon-lock:before { content: "\f023"; }
|
|
@@ -217,4 +264,4 @@ li[class*=" icon-"] {
|
|
.icon-trophy:before { content: "\f091"; }
|
|
.icon-trophy:before { content: "\f091"; }
|
|
.icon-github-sign:before { content: "\f092"; }
|
|
.icon-github-sign:before { content: "\f092"; }
|
|
.icon-upload-alt:before { content: "\f093"; }
|
|
.icon-upload-alt:before { content: "\f093"; }
|
|
-.icon-lemon:before { content: "\f094"; }
|
|
|
|
|
|
+.icon-lemon:before { content: "\f094"; }
|