diff options
author | davegandy <dave@davegandy.com> | 2013-10-01 04:16:19 +0400 |
---|---|---|
committer | davegandy <dave@davegandy.com> | 2013-10-01 04:16:19 +0400 |
commit | 6ce5780b79dfd126817cb156cc1da3500ccb7bde (patch) | |
tree | 5a29401671ccbdb4f4b50e6c936e40c5677f67a0 /less/core.less | |
parent | 495649eaea4b058ce4ffe5253ca76cb329e291ab (diff) |
first pass at changing icon- to fa-
Diffstat (limited to 'less/core.less')
-rw-r--r-- | less/core.less | 58 |
1 files changed, 29 insertions, 29 deletions
diff --git a/less/core.less b/less/core.less index b5eea3185..8ca3bf7c1 100644 --- a/less/core.less +++ b/less/core.less @@ -1,54 +1,54 @@ /* FONT AWESOME CORE * -------------------------- */ -[class^="icon-"], -[class*=" icon-"] { +[class^="fa-"], +[class*=" fa-"] { .icon-FontAwesome(); } -[class^="icon-"]:before, -[class*=" icon-"]:before { +[class^="fa-"]:before, +[class*=" fa-"]:before { display: inline-block; text-decoration: inherit; speak: none; } /* makes the font 33% larger relative to the icon container */ -.icon-large:before { +.fa-large:before { font-size: (4em / 3); vertical-align: -10%; } /* makes sure icons active on rollover in links */ a { - [class^="icon-"], - [class*=" icon-"] { + [class^="fa-"], + [class*=" fa-"] { display: inline; } } /* increased font size for icon-large */ -[class^="icon-"], -[class*=" icon-"] { - &.icon-fixed-width { +[class^="fa-"], +[class*=" fa-"] { + &.fa-fixed-width { display: inline-block; width: (16em / 14); padding-right: (4em / 14); text-align: right; - &.icon-large { + &.fa-large { width: (20em / 14); } } } -.icons-ul { +.fas-ul { padding-left: 0; margin-left: @icons-li-width; list-style-type: none; > li { position: relative; } - .icon-li { + .fa-li { position: absolute; left: -@icons-li-width; width: @icons-li-width; @@ -58,21 +58,21 @@ a { } // allows usage of the hide class directly on font awesome icons -[class^="icon-"], -[class*=" icon-"] { +[class^="fa-"], +[class*=" fa-"] { &.hide { display: none; } } -.icon-muted { color: @iconMuted; } -.icon-light { color: @iconLight; } -.icon-dark { color: @iconDark; } +.fa-muted { color: @iconMuted; } +.fa-light { color: @iconLight; } +.fa-dark { color: @iconDark; } // Icon Borders // ------------------------- -.icon-border { +.fa-border { padding: .2em .25em .15em; border: solid 1px @borderColor; .border-radius(3px); @@ -81,31 +81,31 @@ a { // Icon Sizes // ------------------------- -.icon-2x { +.fa-2x { font-size: 2em; - &.icon-border { + &.fa-border { border-width: 2px; .border-radius(4px); } } -.icon-3x { +.fa-3x { font-size: 3em; - &.icon-border { + &.fa-border { border-width: 3px; .border-radius(5px); } } -.icon-4x { +.fa-4x { font-size: 4em; - &.icon-border { + &.fa-border { border-width: 4px; .border-radius(6px); } } -.icon-5x { +.fa-5x { font-size: 5em; - &.icon-border { + &.fa-border { border-width: 5px; .border-radius(7px); } @@ -119,8 +119,8 @@ a { .pull-right { float: right; } .pull-left { float: left; } -[class^="icon-"], -[class*=" icon-"] { +[class^="fa-"], +[class*=" fa-"] { &.pull-left { margin-right: .3em; } |