You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.2 KiB
44 lines
1.2 KiB
/* 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); }
|
|
|