mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-11-20 11:14:28 +00:00
100 lines
2.0 KiB
SCSS
100 lines
2.0 KiB
SCSS
|
/* BOOTSTRAP SPECIFIC CLASSES
|
||
|
|
* -------------------------- */
|
||
|
|
|
||
|
|
/* Bootstrap 2.0 sprites.less reset */
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
display: inline;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
line-height: normal;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background-image: none;
|
||
|
|
background-position: 0% 0%;
|
||
|
|
background-repeat: repeat;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* more sprites.less reset */
|
||
|
|
.icon-white,
|
||
|
|
.nav-pills > .active > a > [class^="icon-"],
|
||
|
|
.nav-pills > .active > a > [class*=" icon-"],
|
||
|
|
.nav-list > .active > a > [class^="icon-"],
|
||
|
|
.nav-list > .active > a > [class*=" icon-"],
|
||
|
|
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||
|
|
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||
|
|
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||
|
|
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||
|
|
.dropdown-menu > .active > a > [class^="icon-"],
|
||
|
|
.dropdown-menu > .active > a > [class*=" icon-"],
|
||
|
|
.dropdown-submenu:hover > a > [class^="icon-"],
|
||
|
|
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* keeps Bootstrap styles with and without icons the same */
|
||
|
|
.btn, .nav {
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
//display: inline
|
||
|
|
&.icon-large {
|
||
|
|
line-height: 0.9em;
|
||
|
|
}
|
||
|
|
&.icon-spin {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-tabs, .nav-pills {
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
&, &.icon-large {
|
||
|
|
line-height: 0.9em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn {
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
&.pull-left, &.pull-right {
|
||
|
|
&.icon-2x {
|
||
|
|
margin-top: 0.18em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.icon-spin.icon-large {
|
||
|
|
line-height: 0.8em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-small {
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
&.pull-left, &.pull-right {
|
||
|
|
&.icon-2x {
|
||
|
|
margin-top: 0.25em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn.btn-large {
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
margin-top: 0;
|
||
|
|
&.pull-left, &.pull-right {
|
||
|
|
&.icon-2x {
|
||
|
|
margin-top: 0.05em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.pull-left.icon-2x {
|
||
|
|
margin-right: 0.2em;
|
||
|
|
}
|
||
|
|
&.pull-right.icon-2x {
|
||
|
|
margin-left: 0.2em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|