mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2024-12-28 22:41:30 +08:00
85 lines
1.3 KiB
SCSS
85 lines
1.3 KiB
SCSS
/* 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));
|
|
}
|