library-mirrors/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-11-20 11:14:28 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating css 4/3em to 1.3333em

Browse Source
This commit is contained in:
Dave Gandy 2012-06-05 16:24:29 -04:00
parent 3982f2c13c
commit 449167359b
1 changed files with 47 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
css/font-awesome.css vendored
View File

@ -18,65 +18,74 @@
------------------------------------------------------- -------------------------------------------------------
Email: dave@davegandy.com Email: dave@davegandy.com
Twitter: http://twitter.com/fortaweso_me Twitter: http://twitter.com/fortaweso_me
Work: Lead Product Designer @ http://kyruus.com Work: http://lemonwi.se co-founder
*/ */
@font-face { @font-face {
font-family: "FontAwesome"; font-family: 'FontAwesome';
src: url('/stylesheets/fonts/../font/fontawesome-webfont.eot'); src: url('../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.svg#FontAwesome') format('svg'); 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.svg#FontAwesome') format('svg');
font-weight: normal; font-weight: normal;
font-style: 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 Awesome styles /* 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; } text-decoration: inherit;
}
a [class^="icon-"], a [class^="icon-"], a [class*=" icon-"] {
a [class*=" icon-"] {
display: inline-block; display: inline-block;
text-decoration: inherit; } 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 {
vertical-align: middle; vertical-align: top;
font-size: 4/3em; } font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [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 */ /* keeps button heights with and without icons the same */
line-height: .9em; }
li [class^="icon-"], line-height: .9em;
li [class*=" icon-"] { }
li [class^="icon-"], li [class*=" icon-"] {
display: inline-block; display: inline-block;
width: 1.25em; width: 1.25em;
text-align: center; } text-align: center;
li .icon-large:before, }
li .icon-large:before { li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
/* 1.5 increased font size for icon-large * 1.25 width */ /* 1.5 increased font size for icon-large * 1.25 width */
width: 1.875em; }
ul.icons { width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
margin-left: 0;
list-style-type: none; list-style-type: none;
margin-left: 2em; }
text-indent: -0.8em; } li[class^="icon-"]:before, li[class*=" icon-"]:before {
ul.icons li [class^="icon-"], text-indent: -2em;
ul.icons li [class*=" icon-"] { text-align: center;
width: .8em; } }
ul.icons li .icon-large:before, li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
ul.icons li .icon-large:before { text-indent: -1.3333333333333333em;
/* 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 */
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off 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"; }