remove a bunch of unneeded font-awesome css
This commit is contained in:
Jeff Atwood
parent
a14f62766e
commit
2179675254
|
|
@ -51,11 +51,7 @@ a [class^="icon-"],
|
||||||
a [class*=" icon-"] {
|
a [class*=" icon-"] {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
/* makes the font 33% larger relative to the icon container */
|
|
||||||
.icon-large:before {
|
|
||||||
vertical-align: -10%;
|
|
||||||
font-size: 1.3333333333333333em;
|
|
||||||
}
|
|
||||||
.btn [class^="icon-"],
|
.btn [class^="icon-"],
|
||||||
.nav [class^="icon-"],
|
.nav [class^="icon-"],
|
||||||
.btn [class*=" icon-"],
|
.btn [class*=" icon-"],
|
||||||
|
|
@ -65,131 +61,7 @@ a [class*=" icon-"] {
|
||||||
|
|
||||||
line-height: .6em;
|
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-"] {
|
|
||||||
display: inline-block;
|
|
||||||
width: 1.25em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
li [class^="icon-"].icon-large,
|
|
||||||
li [class*=" icon-"].icon-large {
|
|
||||||
/* increased font size for icon-large */
|
|
||||||
|
|
||||||
width: 1.5625em;
|
|
||||||
}
|
|
||||||
ul.icons {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
.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
|
/* 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"; }
|
||||||
|
|
@ -459,4 +331,3 @@ ul.icons li [class*=" icon-"] {
|
||||||
.icon-github-alt:before { content: "\f113"; }
|
.icon-github-alt:before { content: "\f113"; }
|
||||||
.icon-folder-close-alt:before { content: "\f114"; }
|
.icon-folder-close-alt:before { content: "\f114"; }
|
||||||
.icon-folder-open-alt:before { content: "\f115"; }
|
.icon-folder-open-alt:before { content: "\f115"; }
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue