43 lines
1.1 KiB
SCSS
43 lines
1.1 KiB
SCSS
// Mixins
|
|
// --------------------------
|
|
|
|
@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 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);
|
|
}
|
|
|
|
@mixin fa-icon-base() {
|
|
&:before {
|
|
display: inline-block;
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
@mixin fa-icon($icon-char) {
|
|
@include fa-icon-base();
|
|
&:before {
|
|
@if($icon-char != null) {
|
|
content: $icon-char;
|
|
}
|
|
}
|
|
}
|