mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-11-20 11:14:28 +00:00
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) {
|
|
-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-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
|
|
.fa-icon-stack {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: $width;
|
|
height: $height;
|
|
line-height: $width;
|
|
vertical-align: -35%;
|
|
.fa-icon {
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: $top-font-size;
|
|
line-height: inherit;
|
|
text-align: center;
|
|
}
|
|
.fa-icon-stack-base {
|
|
font-size: $base-font-size;
|
|
}
|
|
}
|
|
}
|