Fork-Awesome/build/assets/font-awesome/sass/_extras.sass
2013-05-14 19:37:55 +02:00

63 lines
1.2 KiB
Sass
Executable file

/* 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))