mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-12-25 21:11:30 +08:00
commit
563a6f3cba
@ -1,13 +1,48 @@
|
|||||||
@import compass/css3/font-face
|
/* 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
|
||||||
$font_path: "../font/fontawesome-webfont" !default
|
$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)
|
+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)
|
||||||
|
|
||||||
// ICONS
|
// sprites.less reset
|
||||||
// Glyphs and icons for buttons, nav, and more
|
[class^="icon-"],
|
||||||
// -------------------------------------------
|
[class*=" icon-"]
|
||||||
// Font Awesome courtesy of Dave Gandy at fortaweso.me/font-awesome
|
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
|
||||||
@ -15,17 +50,23 @@ $font_path: "../font/fontawesome-webfont" !default
|
|||||||
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-"]
|
||||||
|
/* keeps button heights with and without icons the same
|
||||||
line-height: .9em
|
line-height: .9em
|
||||||
// keeps button heights with and without icons the same
|
|
||||||
|
|
||||||
li
|
li
|
||||||
[class^="icon-"],
|
[class^="icon-"],
|
||||||
@ -35,8 +76,8 @@ li
|
|||||||
text-align: center
|
text-align: center
|
||||||
.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
|
||||||
|
|
||||||
li[class^="icon-"],
|
li[class^="icon-"],
|
||||||
li[class*=" icon-"]
|
li[class*=" icon-"]
|
||||||
@ -48,8 +89,8 @@ li[class*=" icon-"]
|
|||||||
&.icon-large:before
|
&.icon-large:before
|
||||||
text-indent: -4 / 3em
|
text-indent: -4 / 3em
|
||||||
|
|
||||||
// Uses Unicode Private Use Area (PUA) to ensure screen readers do not read off
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||||
// random characters that represent icons
|
* readers do not read off random characters that represent icons
|
||||||
.icon-glass:before
|
.icon-glass:before
|
||||||
content: "\f000"
|
content: "\f000"
|
||||||
|
|
||||||
@ -140,7 +181,7 @@ li[class*=" icon-"]
|
|||||||
.icon-repeat:before
|
.icon-repeat:before
|
||||||
content: "\f01e"
|
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
|
.icon-refresh:before
|
||||||
content: "\f021"
|
content: "\f021"
|
||||||
|
|
||||||
|
71
sass/font-awesome.scss
vendored
71
sass/font-awesome.scss
vendored
@ -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
|
/* sprites.less reset */
|
||||||
// Glyphs and icons for buttons, nav, and more
|
[class^="icon-"],
|
||||||
// -------------------------------------------
|
[class*=" icon-"] {
|
||||||
// Font Awesome courtesy of Dave Gandy at fortaweso.me/font-awesome
|
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
// makes the font 33% larger relative to the icon container
|
a [class^="icon-"],
|
||||||
|
a [class*=" icon-"] {
|
||||||
|
display: inline-block;
|
||||||
|
text-decoration: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||||
// random characters that represent icons
|
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"; }
|
Loading…
Reference in New Issue
Block a user