summaryrefslogtreecommitdiff
path: root/bower_components/font-awesome/scss/_mixins.scss
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2013-11-12 15:34:23 -0500
committerThomas Park <thomas@thomaspark.me>2013-11-12 15:34:23 -0500
commit016d9a2ae924c3999ff9aa279511e32c0bfbe7bb (patch)
treec04189b0eed7025a6764360cbe3613c900353fe6 /bower_components/font-awesome/scss/_mixins.scss
parent61dab0661ba43d3192fa8c2945f7343df44049ed (diff)
update to fontawesome 4
Diffstat (limited to 'bower_components/font-awesome/scss/_mixins.scss')
-rw-r--r--bower_components/font-awesome/scss/_mixins.scss56
1 files changed, 14 insertions, 42 deletions
diff --git a/bower_components/font-awesome/scss/_mixins.scss b/bower_components/font-awesome/scss/_mixins.scss
index ca9c5931..9f555963 100644
--- a/bower_components/font-awesome/scss/_mixins.scss
+++ b/bower_components/font-awesome/scss/_mixins.scss
@@ -1,48 +1,20 @@
// Mixins
// --------------------------
-@mixin icon($icon) {
- @include icon-FontAwesome();
- content: $icon;
+@mixin fa-icon-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);
}
-@mixin icon-FontAwesome() {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
- *margin-right: .3em; // fixes ie7 issues
-}
-
-@mixin border-radius($radius) {
- -webkit-border-radius: $radius;
- -moz-border-radius: $radius;
- border-radius: $radius;
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
- .icon-stack {
- position: relative;
- display: inline-block;
- width: $width;
- height: $height;
- line-height: $width;
- vertical-align: -35%;
- [class^="icon-"],
- [class*=" icon-"] {
- display: block;
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- font-size: $top-font-size;
- line-height: inherit;
- *line-height: $height;
- }
- .icon-stack-base {
- font-size: $base-font-size;
- *line-height: #{$height / $base-font-size}em;
- }
- }
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+ -webkit-transform: scale($horiz, $vert);
+ -moz-transform: scale($horiz, $vert);
+ -ms-transform: scale($horiz, $vert);
+ -o-transform: scale($horiz, $vert);
+ transform: scale($horiz, $vert);
}