diff options
| author | itsCrafted <reidb98@gmail.com> | 2014-01-14 21:29:40 +0000 |
|---|---|---|
| committer | itsCrafted <reidb98@gmail.com> | 2014-01-14 21:29:40 +0000 |
| commit | c31cd98b930a27c2e5ca97a03ac3915f6defaffe (patch) | |
| tree | 34f4427d02b0ac694b138432f69612db618cd3a3 /stylesheets/font-awesome/less/core.less | |
| parent | 89db70961f7571e33b3a41717955f60164eb0d1a (diff) | |
Update to Font Awesome 4.0.3
This will require you to change any icons that use the "icon-iconname"
format. Please consult the FontAwesome docs for more info.
Diffstat (limited to 'stylesheets/font-awesome/less/core.less')
| -rw-r--r-- | stylesheets/font-awesome/less/core.less | 135 |
1 files changed, 9 insertions, 126 deletions
diff --git a/stylesheets/font-awesome/less/core.less b/stylesheets/font-awesome/less/core.less index 1ef7e223..6d223bc2 100644 --- a/stylesheets/font-awesome/less/core.less +++ b/stylesheets/font-awesome/less/core.less @@ -1,129 +1,12 @@ -/* FONT AWESOME CORE - * -------------------------- */ - -[class^="icon-"], -[class*=" icon-"] { - .icon-FontAwesome(); -} - -[class^="icon-"]:before, -[class*=" icon-"]:before { - text-decoration: inherit; - display: inline-block; - speak: none; -} - -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: -10%; - font-size: 4/3em; -} - -/* makes sure icons active on rollover in links */ -a { - [class^="icon-"], - [class*=" icon-"] { - display: inline; - } -} - -/* increased font size for icon-large */ -[class^="icon-"], -[class*=" icon-"] { - &.icon-fixed-width { - display: inline-block; - width: 16/14em; - text-align: right; - padding-right: 4/14em; - &.icon-large { - width: 20/14em; - } - } -} - -.icons-ul { - margin-left: @icons-li-width; - list-style-type: none; - - > li { position: relative; } - - .icon-li { - position: absolute; - left: -@icons-li-width; - width: @icons-li-width; - text-align: center; - line-height: inherit; - } -} - -// allows usage of the hide class directly on font awesome icons -[class^="icon-"], -[class*=" icon-"] { - &.hide { - display: none; - } -} - -.icon-muted { color: @iconMuted; } -.icon-light { color: @iconLight; } -.icon-dark { color: @iconDark; } - -// Icon Borders +// Base Class Definition // ------------------------- -.icon-border { - border: solid 1px @borderColor; - padding: .2em .25em .15em; - .border-radius(3px); -} - -// Icon Sizes -// ------------------------- - -.icon-2x { - font-size: 2em; - &.icon-border { - border-width: 2px; - .border-radius(4px); - } -} -.icon-3x { - font-size: 3em; - &.icon-border { - border-width: 3px; - .border-radius(5px); - } -} -.icon-4x { - font-size: 4em; - &.icon-border { - border-width: 4px; - .border-radius(6px); - } -} - -.icon-5x { - font-size: 5em; - &.icon-border { - border-width: 5px; - .border-radius(7px); - } -} - - -// Floats & Margins -// ------------------------- - -// Quick floats -.pull-right { float: right; } -.pull-left { float: left; } - -[class^="icon-"], -[class*=" icon-"] { - &.pull-left { - margin-right: .3em; - } - &.pull-right { - margin-left: .3em; - } +.@{fa-css-prefix} { + display: inline-block; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } |
