From 91b463c58a6a66422f379c5a769bce35f7fe1679 Mon Sep 17 00:00:00 2001 From: Brian McAllister Date: Sun, 17 Feb 2013 19:28:37 -0500 Subject: [PATCH] Group the misc. helper classes. --- sass/font-awesome.scss | 46 ++++++++++++++++++++++++------------------ 1 file changed, 26 insertions(+), 20 deletions(-) diff --git a/sass/font-awesome.scss b/sass/font-awesome.scss index c9b8b558b..2c012560f 100644 --- a/sass/font-awesome.scss +++ b/sass/font-awesome.scss @@ -190,21 +190,21 @@ ul { } } } - - $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; - } +} + +$font-awesome-list-selector: li; + +/* Build a selector to reset Bootstrap's .nav element. */ +@if $font-awesome-using-bootstrap { + $font-awesome-list-selector: append($font-awesome-list-selector, unquote('.nav li'), comma); +} + +#{$font-awesome-list-selector} { + [class^="icon-"], + [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; } } @@ -217,16 +217,22 @@ ul { } } -/* makes the font 33% larger relative to the icon container */ + +/** ---------------------------------- + + Misc. helper classes. + +---------------------------------- */ +.icon-muted { + color: $font-awesome-icon-muted; +} + +/* Makes the font 33% larger relative to the icon container. */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } -.icon-muted { - color: $font-awesome-icon-muted; -} - /** ----------------------------------