diff options
author | davegandy <dave@davegandy.com> | 2013-10-02 04:58:36 +0400 |
---|---|---|
committer | davegandy <dave@davegandy.com> | 2013-10-02 04:58:36 +0400 |
commit | 95eed3562a52db5c1cac3a55f434d511d2c962ea (patch) | |
tree | 97e60ffffb570d9b32773b2ef6b0e4747f3487d2 /less | |
parent | e32be98c31c2d1987d6a1ad614838e4df79c1315 (diff) |
removing IE7, rewrote most CSS with all visual tests passing, removing no longer necessary bootstrap specific css
Diffstat (limited to 'less')
-rw-r--r-- | less/bootstrap.less | 22 | ||||
-rw-r--r-- | less/core.less | 50 | ||||
-rw-r--r-- | less/extras.less | 62 | ||||
-rw-r--r-- | less/font-awesome-ie7.less | 1949 | ||||
-rw-r--r-- | less/font-awesome.less | 1 | ||||
-rw-r--r-- | less/mixins.less | 32 |
6 files changed, 63 insertions, 2053 deletions
diff --git a/less/bootstrap.less b/less/bootstrap.less index 0099620c1..6fb65bf8e 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -2,17 +2,17 @@ * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ -.fa { - display: inline; - width: auto; - height: auto; - margin-top: 0; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0 0; - background-repeat: repeat; -} +//.fa { +// display: inline; +// width: auto; +// height: auto; +// margin-top: 0; +// line-height: normal; +// vertical-align: baseline; +// background-image: none; +// background-position: 0 0; +// background-repeat: repeat; +//} /* keeps Bootstrap styles with and without icons the same */ diff --git a/less/core.less b/less/core.less index 15b0f2f1a..28c98d6d0 100644 --- a/less/core.less +++ b/less/core.less @@ -5,25 +5,13 @@ .icon-FontAwesome(); } -.fa:before { - display: inline-block; - text-decoration: inherit; - speak: none; -} /* makes the font 33% larger relative to the icon container */ -.fa-lg:before { +.fa-lg { font-size: (4em / 3); vertical-align: -10%; + line-height: (3em / 4); } - -/* makes sure icons active on rollover in links */ -a { - .fa { - display: inline; - } -} - /* increased font size for icon-lg */ .fa { &.fa-fixed-width { @@ -37,33 +25,33 @@ a { } } + +// Icon UL & LI +// ------------------------- + .fa-ul { padding-left: 0; margin-left: @icons-li-width; list-style-type: none; > li { position: relative; } - - .fa-li { - position: absolute; - left: -@icons-li-width; - width: @icons-li-width; - line-height: inherit; - text-align: center; - } +} +.fa-li { + position: absolute; + left: -@icons-li-width; + width: @icons-li-width; + line-height: inherit; + text-align: center; } // allows usage of the hide class directly on font awesome icons -.fa { - &.hide { - display: none; - } -} +.fa.hide { display: none; } .fa-muted { color: @iconMuted; } .fa-light { color: @iconLight; } .fa-dark { color: @iconDark; } + // Icon Borders // ------------------------- @@ -115,10 +103,6 @@ a { .pull-left { float: left; } .fa { - &.pull-left { - margin-right: .3em; - } - &.pull-right { - margin-left: .3em; - } + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } } diff --git a/less/extras.less b/less/extras.less index 4002d460e..fdfcc0cbf 100644 --- a/less/extras.less +++ b/less/extras.less @@ -6,20 +6,12 @@ /* Animated rotating icon */ .fa-spin { - display: inline-block; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } -/* Prevent stack and spinners from being taken inline when inside a link */ -a .fa-stack, -a .fa-spin { - display: inline-block; - text-decoration: none; -} - @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } @@ -41,53 +33,13 @@ a .fa-spin { 100% { transform: rotate(359deg); } } -/* Icon rotations and mirroring */ -.fa-rotate-90:before { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); -} - -.fa-rotate-180:before { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} - -.fa-rotate-270:before { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); -} -.fa-flip-horizontal:before { - -webkit-transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - transform: scale(-1, 1); -} +// Icon rotations & flipping +// ------------------------- -.fa-flip-vertical:before { - -webkit-transform: scale(1, -1); - -moz-transform: scale(1, -1); - -ms-transform: scale(1, -1); - -o-transform: scale(1, -1); - transform: scale(1, -1); -} +.fa-rotate-90 { .rotate(90deg, 1); } +.fa-rotate-180 { .rotate(180deg, 2); } +.fa-rotate-270 { .rotate(270deg, 3); } -/* ensure rotation occurs inside anchor tags */ -a { - .fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical { - &:before { display: inline-block; } - } -} +.fa-flip-horizontal { .flip(-1, 1); } +.fa-flip-vertical { .flip(1, -1); } diff --git a/less/font-awesome-ie7.less b/less/font-awesome-ie7.less deleted file mode 100644 index 1899e41e4..000000000 --- a/less/font-awesome-ie7.less +++ /dev/null @@ -1,1949 +0,0 @@ -/*! - * Font Awesome 4.0.0 - * the iconic font designed for Bootstrap - * ------------------------------------------------------------------------------ - * The full suite of pictographic icons, examples, and documentation can be - * found at http://fontawesome.io. Stay up to date on Twitter at - * http://twitter.com/fontawesome. - * - * License - * ------------------------------------------------------------------------------ - * - The Font Awesome font is licensed under SIL OFL 1.1 - - * http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - - * http://opensource.org/licenses/mit-license.html - * - Font Awesome documentation licensed under CC BY 3.0 - - * http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fontawesome.io" - * - * Author - Dave Gandy - * ------------------------------------------------------------------------------ - * Email: dave@fontawesome.io - * Twitter: http://twitter.com/davegandy - * Work: Lead Product Designer @ Kyruus - http://kyruus.com - */ - -.icon-large { - padding-top: 3px; - padding-bottom: 3px; - margin-top: -4px; - margin-bottom: -4px; - font-size: (4em / 3); - vertical-align: middle; -} - -.nav { - [class^="icon-"], - [class*=" icon-"] { - padding-top: 3px; - padding-bottom: 3px; - margin-top: -4px; - margin-bottom: -4px; - vertical-align: inherit; - &.icon-large { - vertical-align: -25%; - } - } -} - -.nav-pills, .nav-tabs { - [class^="icon-"], - [class*=" icon-"] { - &.icon-large { - padding-top: 5px; - padding-bottom: 4px; - margin-top: -7px; - margin-bottom: -5px; - line-height: .75em; - } - } -} - -.btn { - [class^="icon-"], - [class*=" icon-"] { - &.pull-left, &.pull-right { vertical-align: inherit; } - &.icon-large { - margin-top: -.5em; - } - } -} - -a [class^="icon-"], -a [class*=" icon-"] { - cursor: pointer; -} - -.ie7icon(@inner) { *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; } - - -.icon-glass { - .ie7icon(''); -} - - -.icon-music { - .ie7icon(''); -} - - -.icon-search { - .ie7icon(''); -} - - -.icon-envelope-alt { - .ie7icon(''); -} - - -.icon-heart { - .ie7icon(''); -} - - -.icon-star { - .ie7icon(''); -} - - -.icon-star-empty { - .ie7icon(''); -} - - -.icon-user { - .ie7icon(''); -} - - -.icon-film { - .ie7icon(''); -} - - -.icon-th-large { - .ie7icon(''); -} - - -.icon-th { - .ie7icon(''); -} - - -.icon-th-list { - .ie7icon(''); -} - - -.icon-ok { - .ie7icon(''); -} - - -.icon-remove { - .ie7icon(''); -} - - -.icon-zoom-in { - .ie7icon(''); -} - - -.icon-zoom-out { - .ie7icon(''); -} - - -.icon-off { - .ie7icon(''); -} - -.icon-power-off { - .ie7icon(''); -} - - -.icon-signal { - .ie7icon(''); -} - - -.icon-cog { - .ie7icon(''); -} - -.icon-gear { - .ie7icon(''); -} - - -.icon-trash { - .ie7icon(''); -} - - -.icon-home { - .ie7icon(''); -} - - -.icon-file-alt { - .ie7icon(''); -} - - -.icon-time { - .ie7icon(''); -} - - -.icon-road { - .ie7icon(''); -} - - -.icon-download-alt { - .ie7icon(''); -} - - -.icon-download { - .ie7icon(''); -} - - -.icon-upload { - .ie7icon(''); -} - - -.icon-inbox { - .ie7icon(''); -} - - -.icon-play-circle { - .ie7icon(''); -} - - -.icon-repeat { - .ie7icon(''); -} - -.icon-rotate-right { - .ie7icon(''); -} - - -.icon-refresh { - .ie7icon(''); -} - - -.icon-list-alt { - .ie7icon(''); -} - - -.icon-lock { - .ie7icon(''); -} - - -.icon-flag { - .ie7icon(''); -} - - -.icon-headphones { - .ie7icon(''); -} - - -.icon-volume-off { - .ie7icon(''); -} - - -.icon-volume-down { - .ie7icon(''); -} - - -.icon-volume-up { - .ie7icon(''); -} - - -.icon-qrcode { - .ie7icon(''); -} - - -.icon-barcode { - .ie7icon(''); -} - - -.icon-tag { - .ie7icon(''); -} - - -.icon-tags { - .ie7icon(''); -} - - -.icon-book { - .ie7icon(''); -} - - -.icon-bookmark { - .ie7icon(''); -} - - -.icon-print { - .ie7icon(''); -} - - -.icon-camera { - .ie7icon(''); -} - - -.icon-font { - .ie7icon(''); -} - - -.icon-bold { - .ie7icon(''); -} - - -.icon-italic { - .ie7icon(''); -} - - -.icon-text-height { - .ie7icon(''); -} - - -.icon-text-width { - .ie7icon(''); -} - - -.icon-align-left { - .ie7icon(''); -} - - -.icon-align-center { - .ie7icon(''); -} - - -.icon-align-right { - .ie7icon(''); -} - - -.icon-align-justify { - .ie7icon(''); -} - - -.icon-list { - .ie7icon(''); -} - - -.icon-indent-left { - .ie7icon(''); -} - - -.icon-indent-right { - .ie7icon(''); -} - - -.icon-facetime-video { - .ie7icon(''); -} - - -.icon-picture { - .ie7icon(''); -} - - -.icon-pencil { - .ie7icon(''); -} - - -.icon-map-marker { - .ie7icon(''); -} - - -.icon-adjust { - .ie7icon(''); -} - - -.icon-tint { - .ie7icon(''); -} - - -.icon-edit { - .ie7icon(''); -} - - -.icon-share { - .ie7icon(''); -} - - -.icon-check { - .ie7icon(''); -} - - -.icon-move { - .ie7icon(''); -} - - -.icon-step-backward { - .ie7icon(''); -} - - -.icon-fast-backward { - .ie7icon(''); -} - - -.icon-backward { - .ie7icon(''); -} - - -.icon-play { - .ie7icon(''); -} - - -.icon-pause { - .ie7icon(''); -} - - -.icon-stop { - .ie7icon(''); -} - - -.icon-forward { - .ie7icon(''); -} - - -.icon-fast-forward { - .ie7icon(''); -} - - -.icon-step-forward { - .ie7icon(''); -} - - -.icon-eject { - .ie7icon(''); -} - - -.icon-chevron-left { - .ie7icon(''); -} - - -.icon-chevron-right { - .ie7icon(''); -} - - -.icon-plus-sign { - .ie7icon(''); -} - - -.icon-minus-sign { - .ie7icon(''); -} - - -.icon-remove-sign { - .ie7icon(''); -} - - -.icon-ok-sign { - .ie7icon(''); -} - - -.icon-question-sign { - .ie7icon(''); -} - - -.icon-info-sign { - .ie7icon(''); -} - - -.icon-screenshot { - .ie7icon(''); -} - - -.icon-remove-circle { - .ie7icon(''); -} - - -.icon-ok-circle { - .ie7icon(''); -} - - -.icon-ban-circle { - .ie7icon(''); -} - - -.icon-arrow-left { - .ie7icon(''); -} - - -.icon-arrow-right { - .ie7icon(''); -} - - -.icon-arrow-up { - .ie7icon(''); -} - - -.icon-arrow-down { - .ie7icon(''); -} - - -.icon-share-alt { - .ie7icon(''); -} - -.icon-mail-forward { - .ie7icon(''); -} - - -.icon-resize-full { - .ie7icon(''); -} - - -.icon-resize-small { - .ie7icon(''); -} - - -.icon-plus { - .ie7icon(''); -} - - -.icon-minus { - .ie7icon(''); -} - - -.icon-asterisk { - .ie7icon(''); -} - - -.icon-exclamation-sign { - .ie7icon(''); -} - - -.icon-gift { - .ie7icon(''); -} - - -.icon-leaf { - .ie7icon(''); -} - - -.icon-fire { - .ie7icon(''); -} - - -.icon-eye-open { - .ie7icon(''); -} - - -.icon-eye-close { - .ie7icon(''); -} - - -.icon-warning-sign { - .ie7icon(''); -} - - -.icon-plane { - .ie7icon(''); -} - - -.icon-calendar { - .ie7icon(''); -} - - -.icon-random { - .ie7icon(''); -} - - -.icon-comment { - .ie7icon(''); -} - - -.icon-magnet { - .ie7icon(''); -} - - -.icon-chevron-up { - .ie7icon(''); -} - - -.icon-chevron-down { - .ie7icon(''); -} - - -.icon-retweet { - .ie7icon(''); -} - - -.icon-shopping-cart { - .ie7icon(''); -} - - -.icon-folder-close { - .ie7icon(''); -} - - -.icon-folder-open { - .ie7icon(''); -} - - -.icon-resize-vertical { - .ie7icon(''); -} - - -.icon-resize-horizontal { - .ie7icon(''); -} - - -.icon-bar-chart { - .ie7icon(''); -} - - -.icon-twitter-sign { - .ie7icon(''); -} - - -.icon-facebook-sign { - .ie7icon(''); -} - - -.icon-camera-retro { - .ie7icon(''); -} - - -.icon-key { - .ie7icon(''); -} - - -.icon-cogs { - .ie7icon(''); -} - -.icon-gears { - .ie7icon(''); -} - - -.icon-comments { - .ie7icon(''); -} - - -.icon-thumbs-up-alt { - .ie7icon(''); -} - - -.icon-thumbs-down-alt { - .ie7icon(''); -} - - -.icon-star-half { - .ie7icon(''); -} - - -.icon-heart-empty { - .ie7icon(''); -} - - -.icon-log-out { - .ie7icon(''); -} - - -.icon-linkedin-sign { - .ie7icon(''); -} - - -.icon-pushpin { - .ie7icon(''); -} - - -.icon-external-link { - .ie7icon(''); -} - - -.icon-log-in { - .ie7icon(''); -} - - -.icon-trophy { - .ie7icon(''); -} - - -.icon-github-sign { - .ie7icon(''); -} - - -.icon-upload-alt { - .ie7icon(''); -} - - -.icon-lemon { - .ie7icon(''); -} - - -.icon-earphone { - .ie7icon(''); -} - - -.icon-unchecked { - .ie7icon(''); -} - - -.icon-bookmark-empty { - .ie7icon(''); -} - - -.icon-phone-sign { - .ie7icon(''); -} - - -.icon-twitter { - .ie7icon(''); -} - - -.icon-facebook { - .ie7icon(''); -} - - -.icon-github { - .ie7icon(''); -} - - -.icon-unlock { - .ie7icon(''); -} - - -.icon-credit-card { - .ie7icon(''); -} - - -.icon-rss { - .ie7icon(''); -} - - -.icon-hdd { - .ie7icon(''); -} - - -.icon-bullhorn { - .ie7icon(''); -} - - -.icon-bell { - .ie7icon(''); -} - - -.icon-certificate { - .ie7icon(''); -} - - -.icon-hand-right { - .ie7icon(''); -} - - -.icon-hand-left { - .ie7icon(''); -} - - -.icon-hand-up { - .ie7icon(''); -} - - -.icon-hand-down { - .ie7icon(''); -} - - -.icon-circle-arrow-left { - .ie7icon(''); -} - - -.icon-circle-arrow-right { - .ie7icon(''); -} - - -.icon-circle-arrow-up { - .ie7icon(''); -} - - -.icon-circle-arrow-down { - .ie7icon(''); -} - - -.icon-globe { - .ie7icon(''); -} - - -.icon-wrench { - .ie7icon(''); -} - - -.icon-tasks { - .ie7icon(''); -} - - -.icon-filter { - .ie7icon(''); -} - - -.icon-briefcase { - .ie7icon(''); -} - - -.icon-fullscreen { - .ie7icon(''); -} - - -.icon-group { - .ie7icon(''); -} - - -.icon-link { - .ie7icon(''); -} - - -.icon-cloud { - .ie7icon(''); -} - - -.icon-beaker { - .ie7icon(''); -} - - -.icon-cut { - .ie7icon(''); -} - - -.icon-copy { - .ie7icon(''); -} - - -.icon-paperclip { - .ie7icon(''); -} - - -.icon-floppy-disk { - .ie7icon(''); -} - - -.icon-sign-blank { - .ie7icon(''); -} - - -.icon-reorder { - .ie7icon(''); -} - - -.icon-list-ul { - .ie7icon(''); -} - - -.icon-list-ol { - .ie7icon(''); -} - - -.icon-strikethrough { - .ie7icon(''); -} - - -.icon-underline { - .ie7icon(''); -} - - -.icon-table { - .ie7icon(''); -} - - -.icon-magic { - .ie7icon(''); -} - - -.icon-truck { - .ie7icon(''); -} - - -.icon-pinterest { - .ie7icon(''); -} - - -.icon-pinterest-sign { - .ie7icon(''); -} - - -.icon-google-plus-sign { - .ie7icon(''); -} - - -.icon-google-plus { - .ie7icon(''); -} - - -.icon-money { - .ie7icon(''); -} - - -.icon-caret-down { - .ie7icon(''); -} - - -.icon-caret-up { - .ie7icon(''); -} - - -.icon-caret-left { - .ie7icon(''); -} - - -.icon-caret-right { - .ie7icon(''); -} - - -.icon-columns { - .ie7icon(''); -} - - -.icon-sort { - .ie7icon(''); -} - - -.icon-sort-down { - .ie7icon(''); -} - - -.icon-sort-up { - .ie7icon(''); -} - - -.icon-envelope { - .ie7icon(''); -} - - -.icon-linkedin { - .ie7icon(''); -} - - -.icon-undo { - .ie7icon(''); -} - -.icon-rotate-left { - .ie7icon(''); -} - - -.icon-legal { - .ie7icon(''); -} - - -.icon-dashboard { - .ie7icon(''); -} - - -.icon-comment-alt { - .ie7icon(''); -} - - -.icon-comments-alt { - .ie7icon(''); -} - - -.icon-flash { - .ie7icon(''); -} - - -.icon-sitemap { - .ie7icon(''); -} - - -.icon-umbrella { - .ie7icon(''); -} - - -.icon-paste { - .ie7icon(''); -} - - -.icon-lightbulb { - .ie7icon(''); -} - - -.icon-exchange { - .ie7icon(''); -} - - -.icon-cloud-download { - .ie7icon(''); -} - - -.icon-cloud-upload { - .ie7icon(''); -} - - -.icon-user-md { - .ie7icon(''); -} - - -.icon-stethoscope { - .ie7icon(''); -} - - -.icon-suitcase { - .ie7icon(''); -} - - -.icon-bell-alt { - .ie7icon(''); -} - - -.icon-coffee { - .ie7icon(''); -} - - -.icon-cutlery { - .ie7icon(''); -} - - -.icon-file-text-alt { - .ie7icon(''); -} - - -.icon-building { - .ie7icon(''); -} - - -.icon-hospital { - .ie7icon(''); -} - - -.icon-ambulance { - .ie7icon(''); -} - - -.icon-medkit { - .ie7icon(''); -} - - -.icon-fighter-jet { - .ie7icon(''); -} - - -.icon-beer { - .ie7icon(''); -} - - -.icon-h-sign { - .ie7icon(''); -} - - -.icon-plus-sign-alt { - .ie7icon(''); -} - - -.icon-double-angle-left { - .ie7icon(''); -} - - -.icon-double-angle-right { - .ie7icon(''); -} - - -.icon-double-angle-up { - .ie7icon(''); -} - - -.icon-double-angle-down { - .ie7icon(''); -} - - -.icon-angle-left { - .ie7icon(''); -} - - -.icon-angle-right { - .ie7icon(''); -} - - -.icon-angle-up { - .ie7icon(''); -} - - -.icon-angle-down { - .ie7icon(''); -} - - -.icon-desktop { - .ie7icon(''); -} - - -.icon-laptop { - .ie7icon(''); -} - - -.icon-tablet { - .ie7icon(''); -} - - -.icon-phone { - .ie7icon(''); -} - - -.icon-circle-blank { - .ie7icon(''); -} - - -.icon-quote-left { - .ie7icon(''); -} - - -.icon-quote-right { - .ie7icon(''); -} - - -.icon-spinner { - .ie7icon(''); -} - - -.icon-circle { - .ie7icon(''); -} - - -.icon-reply { - .ie7icon(''); -} - -.icon-mail-reply { - .ie7icon(''); -} - - -.icon-github-alt { - .ie7icon(''); -} - - -.icon-folder-close-alt { - .ie7icon(''); -} - - -.icon-folder-open-alt { - .ie7icon(''); -} - - -.icon-expand-alt { - .ie7icon(''); -} - - -.icon-collapse-alt { - .ie7icon(''); -} - - -.icon-smile { - .ie7icon(''); -} - - -.icon-frown { - .ie7icon(''); -} - - -.icon-meh { - .ie7icon(''); -} - - -.icon-gamepad { - .ie7icon(''); -} - - -.icon-keyboard { - .ie7icon(''); -} - - -.icon-flag-alt { - .ie7icon(''); -} - - -.icon-flag-checkered { - .ie7icon(''); -} - - -.icon-terminal { - .ie7icon(''); -} - - -.icon-code { - .ie7icon(''); -} - - -.icon-reply-all { - .ie7icon(''); -} - - -.icon-mail-reply-all { - .ie7icon(''); -} - - -.icon-star-half-empty { - .ie7icon(''); -} - -.icon-star-half-full { - .ie7icon(''); -} - - -.icon-location-arrow { - .ie7icon(''); -} - - -.icon-crop { - .ie7icon(''); -} - - -.icon-code-fork { - .ie7icon(''); -} - - -.icon-unlink { - .ie7icon(''); -} - - -.icon-question { - .ie7icon(''); -} - - -.icon-info { - .ie7icon(''); -} - - -.icon-exclamation { - .ie7icon(''); -} - - -.icon-superscript { - .ie7icon(''); -} - - -.icon-subscript { - .ie7icon(''); -} - - -.icon-eraser { - .ie7icon(''); -} - - -.icon-puzzle-piece { - .ie7icon(''); -} - - -.icon-microphone { - .ie7icon(''); -} - - -.icon-microphone-off { - .ie7icon(''); -} - - -.icon-shield { - .ie7icon(''); -} - - -.icon-calendar-empty { - .ie7icon(''); -} - - -.icon-fire-extinguisher { - .ie7icon(''); -} - - -.icon-rocket { - .ie7icon(''); -} - - -.icon-maxcdn { - .ie7icon(''); -} - - -.icon-chevron-sign-left { - .ie7icon(''); -} - - -.icon-chevron-sign-right { - .ie7icon(''); -} - - -.icon-chevron-sign-up { - .ie7icon(''); -} - - -.icon-chevron-sign-down { - .ie7icon(''); -} - - -.icon-html5 { - .ie7icon(''); -} - - -.icon-css3 { - .ie7icon(''); -} - - -.icon-anchor { - .ie7icon(''); -} - - -.icon-unlock-alt { - .ie7icon(''); -} - - -.icon-bullseye { - .ie7icon(''); -} - - -.icon-ellipsis-horizontal { - .ie7icon(''); -} - - -.icon-ellipsis-vertical { - .ie7icon(''); -} - - -.icon-rss-sign { - .ie7icon(''); -} - - -.icon-play-sign { - .ie7icon(''); -} - - -.icon-ticket { - .ie7icon(''); -} - - -.icon-minus-sign-alt { - .ie7icon(''); -} - - -.icon-check-minus { - .ie7icon(''); -} - - -.icon-level-up { - .ie7icon(''); -} - - -.icon-level-down { - .ie7icon(''); -} - - -.icon-check-sign { - .ie7icon(''); -} - - -.icon-edit-sign { - .ie7icon(''); -} - - -.icon-external-link-sign { - .ie7icon(''); -} - - -.icon-share-sign { - .ie7icon(''); -} - - -.icon-compass { - .ie7icon(''); -} - - -.icon-collapse-down { - .ie7icon(''); -} - - -.icon-collapse-up { - .ie7icon(''); -} - - -.icon-expand { - .ie7icon(''); -} - - -.icon-eur { - .ie7icon(''); -} - -.icon-euro { - .ie7icon(''); -} - - -.icon-gbp { - .ie7icon(''); -} - - -.icon-usd { - .ie7icon(''); -} - -.icon-dollar { - .ie7icon(''); -} - - -.icon-inr { - .ie7icon(''); -} - -.icon-rupee { - .ie7icon(''); -} - - -.icon-jpy { - .ie7icon(''); -} - -.icon-cny { - .ie7icon(''); -} - -.icon-rmb { - .ie7icon(''); -} - -.icon-yen { - .ie7icon(''); -} - - -.icon-krw { - .ie7icon(''); -} - -.icon-won { - .ie7icon(''); -} - - -.icon-btc { - .ie7icon(''); -} - -.icon-bitcoin { - .ie7icon(''); -} - - -.icon-file { - .ie7icon(''); -} - - -.icon-file-text { - .ie7icon(''); -} - - -.icon-sort-by-alphabet { - .ie7icon(''); -} - - -.icon-sort-by-alphabet-alt { - .ie7icon(''); -} - - -.icon-sort-by-attributes { - .ie7icon(''); -} - - -.icon-sort-by-attributes-alt { - .ie7icon(''); -} - - -.icon-sort-by-order { - .ie7icon(''); -} - - -.icon-sort-by-order-alt { - .ie7icon(''); -} - - -.icon-thumbs-up { - .ie7icon(''); -} - - -.icon-thumbs-down { - .ie7icon(''); -} - - -.icon-youtube-sign { - .ie7icon(''); -} - - -.icon-youtube { - .ie7icon(''); -} - - -.icon-xing { - .ie7icon(''); -} - - -.icon-xing-sign { - .ie7icon(''); -} - - -.icon-youtube-play { - .ie7icon(''); -} - - -.icon-dropbox { - .ie7icon(''); -} - - -.icon-stackoverflow { - .ie7icon(''); -} - - -.icon-instagram { - .ie7icon(''); -} - - -.icon-flickr { - .ie7icon(''); -} - - -.icon-adn { - .ie7icon(''); -} - - -.icon-bitbucket { - .ie7icon(''); -} - - -.icon-bitbucket-sign { - .ie7icon(''); -} - - -.icon-tumblr { - .ie7icon(''); -} - - -.icon-tumblr-sign { - .ie7icon(''); -} - - -.icon-long-arrow-down { - .ie7icon(''); -} - - -.icon-long-arrow-up { - .ie7icon(''); -} - - -.icon-long-arrow-left { - .ie7icon(''); -} - - -.icon-long-arrow-right { - .ie7icon(''); -} - - -.icon-apple { - .ie7icon(''); -} - - -.icon-windows { - .ie7icon(''); -} - - -.icon-android { - .ie7icon(''); -} - - -.icon-linux { - .ie7icon(''); -} - - -.icon-dribbble { - .ie7icon(''); -} - - -.icon-skype { - .ie7icon(''); -} - - -.icon-foursquare { - .ie7icon(''); -} - - -.icon-trello { - .ie7icon(''); -} - - -.icon-female { - .ie7icon(''); -} - - -.icon-male { - .ie7icon(''); -} - - -.icon-gittip { - .ie7icon(''); -} - - -.icon-sun { - .ie7icon(''); -} - - -.icon-moon { - .ie7icon(''); -} - - -.icon-archive { - .ie7icon(''); -} - - -.icon-bug { - .ie7icon(''); -} - - -.icon-vk { - .ie7icon(''); -} - - -.icon-weibo { - .ie7icon(''); -} - - -.icon-renren { - .ie7icon(''); -} - - -.icon-pagelines { - .ie7icon(''); -} - - diff --git a/less/font-awesome.less b/less/font-awesome.less index 365468444..b6fd86bb8 100644 --- a/less/font-awesome.less +++ b/less/font-awesome.less @@ -28,6 +28,5 @@ @import "mixins.less"; @import "path.less"; @import "core.less"; -@import "bootstrap.less"; @import "extras.less"; @import "icons.less"; diff --git a/less/mixins.less b/less/mixins.less index a20f4bd60..dd5bb2949 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -7,14 +7,21 @@ } .icon-FontAwesome() { - *margin-right: .3em; // fixes ie7 issues +// position: relative; +// top: 0; + display: inline-block; font-family: FontAwesome; - -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; - text-decoration: inherit; - text-rendering: auto; + line-height: 1; + -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + + // from bootstrap, throws off rendering +// &:empty { width: 1em; } + +// text-decoration: inherit; +// text-rendering: auto; } .border-radius(@radius) { @@ -23,6 +30,23 @@ border-radius: @radius; } +.rotate(@degrees, @rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); + -webkit-transform: rotate(@degrees); + -moz-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); + -o-transform: rotate(@degrees); + transform: rotate(@degrees); +} + +.flip(@horiz, @vert) { + -webkit-transform: scale(@horiz, @vert); + -moz-transform: scale(@horiz, @vert); + -ms-transform: scale(@horiz, @vert); + -o-transform: scale(@horiz, @vert); + transform: scale(@horiz, @vert); +} + .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) { .fa-stack { position: relative; |