diff options
Diffstat (limited to 'xstatic/pkg/font_awesome/data/scss/_extras.scss')
-rw-r--r-- | xstatic/pkg/font_awesome/data/scss/_extras.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/xstatic/pkg/font_awesome/data/scss/_extras.scss b/xstatic/pkg/font_awesome/data/scss/_extras.scss new file mode 100644 index 0000000..93139c5 --- /dev/null +++ b/xstatic/pkg/font_awesome/data/scss/_extras.scss @@ -0,0 +1,44 @@ +/* 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); } |