mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-01-14 01:00:27 +08:00
Combine list styles together.
This commit is contained in:
parent
5726d52259
commit
795e47a9d1
58
sass/font-awesome.scss
vendored
58
sass/font-awesome.scss
vendored
@ -175,6 +175,39 @@ $experimental-support-for-webkit: true !default;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Icons within lists.
|
||||||
|
*/
|
||||||
|
ul {
|
||||||
|
&.icons {
|
||||||
|
list-style-type: none;
|
||||||
|
text-indent: -.75em;
|
||||||
|
|
||||||
|
li {
|
||||||
|
[class^="icon-"],
|
||||||
|
[class*=" icon-"] {
|
||||||
|
width: .75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$selector: li;
|
||||||
|
|
||||||
|
// Reset the Bootstrap .nav element as well.
|
||||||
|
@if $font-awesome-using-bootstrap {
|
||||||
|
$selector: append($selector, unquote('.nav li'), comma);
|
||||||
|
}
|
||||||
|
|
||||||
|
#{$selector} {
|
||||||
|
[class^="icon-"],
|
||||||
|
[class*=" icon-"] {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1.25em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Other Bootstrap sprites.less reset styles.
|
Other Bootstrap sprites.less reset styles.
|
||||||
*/
|
*/
|
||||||
@ -190,31 +223,6 @@ $experimental-support-for-webkit: true !default;
|
|||||||
font-size: 1.3333333333333333em;
|
font-size: 1.3333333333333333em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li, .nav li {
|
|
||||||
[class^="icon-"],
|
|
||||||
[class*=" icon-"] {
|
|
||||||
display: inline-block;
|
|
||||||
width: 1.25em;
|
|
||||||
text-align: center;
|
|
||||||
&.icon-large {
|
|
||||||
/* increased font size for icon-large */
|
|
||||||
width: 1.5625em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.icons {
|
|
||||||
list-style-type: none;
|
|
||||||
text-indent: -.75em;
|
|
||||||
|
|
||||||
li {
|
|
||||||
[class^="icon-"],
|
|
||||||
[class*=" icon-"] {
|
|
||||||
width: .75em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-muted {
|
.icon-muted {
|
||||||
color: $font-awesome-icon-muted;
|
color: $font-awesome-icon-muted;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user