2013-06-12 14:15:46 +00:00
|
|
|
// Mixins
|
2013-06-12 14:54:30 +00:00
|
|
|
// --------------------------
|
2013-06-12 14:15:46 +00:00
|
|
|
|
2013-10-16 17:46:28 +00:00
|
|
|
@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);
|
2013-06-12 14:33:11 +00:00
|
|
|
}
|
|
|
|
|
2013-10-16 17:46:28 +00:00
|
|
|
@mixin fa-icon-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);
|
2013-06-12 14:33:11 +00:00
|
|
|
}
|
|
|
|
|
2013-10-16 17:46:28 +00:00
|
|
|
@mixin fa-icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
|
2013-10-20 17:43:24 +00:00
|
|
|
.#{$fa-css-prefix}-stack {
|
2013-06-12 14:15:46 +00:00
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
width: $width;
|
|
|
|
height: $height;
|
|
|
|
line-height: $width;
|
|
|
|
vertical-align: -35%;
|
2013-10-20 17:43:24 +00:00
|
|
|
.#{$fa-css-prefix} {
|
2013-06-12 14:15:46 +00:00
|
|
|
position: absolute;
|
2013-08-21 11:18:37 +00:00
|
|
|
display: block;
|
2013-06-12 14:15:46 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
font-size: $top-font-size;
|
|
|
|
line-height: inherit;
|
2013-08-21 11:18:37 +00:00
|
|
|
text-align: center;
|
2013-06-12 14:15:46 +00:00
|
|
|
}
|
2013-10-20 17:43:24 +00:00
|
|
|
.#{$fa-css-prefix}-stack-base {
|
2013-06-12 14:15:46 +00:00
|
|
|
font-size: $base-font-size;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|