diff options
author | davegandy <dave@davegandy.com> | 2013-10-08 00:58:29 +0400 |
---|---|---|
committer | davegandy <dave@davegandy.com> | 2013-10-08 00:58:29 +0400 |
commit | f1211a1a7b15294f23db40aaef08c6d901aab181 (patch) | |
tree | f4229aed9fa8f8e96b96c256a96ac57ac4689aba /less/core.less | |
parent | 0324a9e5bf0af1aa75061a2cd7a6d542df937bfd (diff) |
slowly porting over to fa-icon class prefix
Diffstat (limited to 'less/core.less')
-rw-r--r-- | less/core.less | 42 |
1 files changed, 21 insertions, 21 deletions
diff --git a/less/core.less b/less/core.less index 6cd408ad8..d967c205c 100644 --- a/less/core.less +++ b/less/core.less @@ -1,23 +1,23 @@ /* FONT AWESOME CORE * -------------------------- */ -.fa { +.fa-icon { .icon-FontAwesome(); } /* makes the font 33% larger relative to the icon container */ -.fa-lg { +.fa-icon-lg { font-size: (4em / 3); line-height: (3em / 4); vertical-align: -15%; } /* increased font size for icon-lg */ -.fa-fixed-width { +.fa-icon-fixed-width { width: (16em / 14); padding-right: (4em / 14); text-align: right; - &.fa-lg { + &.fa-icon-lg { width: (20em / 14); } } @@ -26,36 +26,36 @@ // Icon UL & LI // ------------------------- -.fa-ul { +.fa-icon-ul { padding-left: 0; margin-left: @icons-li-width; list-style-type: none; > li { position: relative; } } -.fa-li { +.fa-icon-li { position: absolute; left: -@icons-li-width; width: @icons-li-width; top: (2em / 14); text-align: center; - &.fa-lg { + &.fa-icon-lg { left: -@icons-li-width + (4em / 14); } } // allows usage of the hide class directly on font awesome icons -.fa.hide { display: none; } +.fa-icon.hide { display: none; } -.fa-muted { color: @iconMuted; } -.fa-light { color: @iconLight; } -.fa-dark { color: @iconDark; } +.fa-icon-muted { color: @iconMuted; } +.fa-icon-light { color: @iconLight; } +.fa-icon-dark { color: @iconDark; } // Icon Borders // ------------------------- -.fa-border { +.fa-icon-border { padding: .2em .25em .15em; border: solid 1px @borderColor; .border-radius(3px); @@ -64,31 +64,31 @@ // Icon Sizes // ------------------------- -.fa-2x { +.fa-icon-2x { font-size: 2em; - &.fa-border { + &.fa-icon-border { border-width: 2px; .border-radius(4px); } } -.fa-3x { +.fa-icon-3x { font-size: 3em; - &.fa-border { + &.fa-icon-border { border-width: 3px; .border-radius(5px); } } -.fa-4x { +.fa-icon-4x { font-size: 4em; - &.fa-border { + &.fa-icon-border { border-width: 4px; .border-radius(6px); } } -.fa-5x { +.fa-icon-5x { font-size: 5em; - &.fa-border { + &.fa-icon-border { border-width: 5px; .border-radius(7px); } @@ -102,7 +102,7 @@ .pull-right { float: right; } .pull-left { float: left; } -.fa { +.fa-icon { &.pull-left { margin-right: .3em; } &.pull-right { margin-left: .3em; } } |