2013-06-12 14:15:46 +00:00
|
|
|
/* EXTRAS
|
|
|
|
* -------------------------- */
|
|
|
|
|
2013-06-12 14:40:25 +00:00
|
|
|
/* Stacked and layered icon */
|
2013-10-16 17:46:28 +00:00
|
|
|
@include fa-icon-stack();
|
2013-06-12 14:15:46 +00:00
|
|
|
|
2013-06-12 14:40:25 +00:00
|
|
|
/* Animated rotating icon */
|
2013-10-20 17:43:24 +00:00
|
|
|
.#{$fa-css-prefix}-spin {
|
2013-08-21 11:18:37 +00:00
|
|
|
-webkit-animation: spin 2s infinite linear;
|
2013-06-12 14:51:29 +00:00
|
|
|
-moz-animation: spin 2s infinite linear;
|
|
|
|
-o-animation: spin 2s infinite linear;
|
|
|
|
animation: spin 2s infinite linear;
|
|
|
|
}
|
2013-06-14 19:10:15 +00:00
|
|
|
|
2013-06-12 14:15:46 +00:00
|
|
|
@-moz-keyframes spin {
|
2013-06-12 14:51:29 +00:00
|
|
|
0% { -moz-transform: rotate(0deg); }
|
|
|
|
100% { -moz-transform: rotate(359deg); }
|
2013-06-12 14:15:46 +00:00
|
|
|
}
|
|
|
|
@-webkit-keyframes spin {
|
2013-06-12 14:51:29 +00:00
|
|
|
0% { -webkit-transform: rotate(0deg); }
|
|
|
|
100% { -webkit-transform: rotate(359deg); }
|
2013-06-12 14:15:46 +00:00
|
|
|
}
|
|
|
|
@-o-keyframes spin {
|
2013-06-12 14:51:29 +00:00
|
|
|
0% { -o-transform: rotate(0deg); }
|
|
|
|
100% { -o-transform: rotate(359deg); }
|
2013-06-12 14:15:46 +00:00
|
|
|
}
|
|
|
|
@-ms-keyframes spin {
|
2013-06-12 14:51:29 +00:00
|
|
|
0% { -ms-transform: rotate(0deg); }
|
|
|
|
100% { -ms-transform: rotate(359deg); }
|
2013-06-12 14:15:46 +00:00
|
|
|
}
|
|
|
|
@keyframes spin {
|
2013-06-12 14:51:29 +00:00
|
|
|
0% { transform: rotate(0deg); }
|
|
|
|
100% { transform: rotate(359deg); }
|
2013-06-12 14:15:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2013-10-16 17:46:28 +00:00
|
|
|
// Icon rotations & flipping
|
|
|
|
// -------------------------
|
2013-06-12 14:15:46 +00:00
|
|
|
|
2013-10-20 17:43:24 +00:00
|
|
|
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
|
|
|
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
|
|
|
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
2013-06-12 14:51:29 +00:00
|
|
|
|
2013-10-20 17:43:24 +00:00
|
|
|
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1); }
|
|
|
|
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1); }
|