Combine list styles together.

This commit is contained in:
Brian McAllister 2013-02-17 19:21:06 -05:00
parent 5726d52259
commit 795e47a9d1

View File

@ -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;
} }