1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- /* EXTRAS
- * -------------------------- */
- /* Stacked and layered icon */
- /* Animated rotating icon */
- .#{$fa-css-prefix}-spin {
- -webkit-animation: spin 2s infinite linear;
- -moz-animation: spin 2s infinite linear;
- -o-animation: spin 2s infinite linear;
- 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 & flipping
- // -------------------------
- .#{$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); }
- .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
- .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|