summaryrefslogtreecommitdiff
path: root/xstatic/pkg/font_awesome/data/scss/_extras.scss
diff options
context:
space:
mode:
authorlin-hua-cheng <os.lcheng@gmail.com>2014-12-03 11:54:03 -0800
committerlin-hua-cheng <os.lcheng@gmail.com>2014-12-03 11:58:59 -0800
commitc13aad1b95b1d84e73f2565a18a5a8e2bd2194a7 (patch)
tree592d14b6d02ebc401dfdbcaeee830ea5ba4540c2 /xstatic/pkg/font_awesome/data/scss/_extras.scss
parent040422bdc8554eb040ccf6d42d5913a7a9c035d0 (diff)
downloadxstatic-font-awesome-c13aad1b95b1d84e73f2565a18a5a8e2bd2194a7.tar.gz
Version 4.2.04.2.0.04.2.0
Change-Id: I740bd9050180c43a9a66e8e3a3b75f521925a278
Diffstat (limited to 'xstatic/pkg/font_awesome/data/scss/_extras.scss')
-rw-r--r--xstatic/pkg/font_awesome/data/scss/_extras.scss44
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); }