mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-01-06 02:41:29 +08:00
63 lines
1.2 KiB
Sass
63 lines
1.2 KiB
Sass
|
/* EXTRAS
|
||
|
|
* --------------------------
|
||
|
|
|
||
|
|
/* Animated rotating icon
|
||
|
|
|
||
|
|
.icon-spin
|
||
|
|
display: inline-block
|
||
|
|
@include animation(spin 2s infinite linear)
|
||
|
|
|
||
|
|
@-moz-keyframes spin
|
||
|
|
0%
|
||
|
|
-moz-transform: rotate(0deg)
|
||
|
|
100%
|
||
|
|
-moz-transform: rotate(359deg)
|
||
|
|
|
||
|
|
|
||
|
|
@-webkit-keyframes spin
|
||
|
|
0%
|
||
|
|
-webkit-transform: rotate(0deg)
|
||
|
|
100%
|
||
|
|
-webkit-transform: rotate(359deg)
|
||
|
|
|
||
|
|
|
||
|
|
@-o-keyframes spin
|
||
|
|
0%
|
||
|
|
-o-transform: rotate(0deg)
|
||
|
|
100%
|
||
|
|
-o-transform: rotate(359deg)
|
||
|
|
|
||
|
|
|
||
|
|
@-ms-keyframes spin
|
||
|
|
0%
|
||
|
|
-ms-transform: rotate(0deg)
|
||
|
|
100%
|
||
|
|
-ms-transform: rotate(359deg)
|
||
|
|
|
||
|
|
|
||
|
|
@keyframes spin
|
||
|
|
0%
|
||
|
|
transform: rotate(0deg)
|
||
|
|
100%
|
||
|
|
transform: rotate(359deg)
|
||
|
|
|
||
|
|
|
||
|
|
/* Icon rotations and mirroring
|
||
|
|
|
||
|
|
.icon-rotate-90:before
|
||
|
|
@include transform(rotate(90deg))
|
||
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
|
||
|
|
|
||
|
|
.icon-rotate-180:before
|
||
|
|
@include transform(rotate(180deg))
|
||
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
|
||
|
|
|
||
|
|
.icon-rotate-270:before
|
||
|
|
@include transform(rotate(270deg))
|
||
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
|
||
|
|
|
||
|
|
.icon-flip-horizontal:before
|
||
|
|
@include transform(scale(-1, 1))
|
||
|
|
|
||
|
|
.icon-flip-vertical:before
|
||
|
|
@include transform(scale(1, -1))
|