FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-13 16:50:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Combine list styles together.

Browse Source
This commit is contained in:
Brian McAllister 2013-02-17 19:21:06 -05:00
parent 5726d52259
commit 795e47a9d1
1 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
sass/font-awesome.scss vendored
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.
*/
@ -190,31 +223,6 @@ $experimental-support-for-webkit: true !default;
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 {
color: $font-awesome-icon-muted;
}