diff options
author | lin-hua-cheng <os.lcheng@gmail.com> | 2014-12-03 11:54:03 -0800 |
---|---|---|
committer | lin-hua-cheng <os.lcheng@gmail.com> | 2014-12-03 11:58:59 -0800 |
commit | c13aad1b95b1d84e73f2565a18a5a8e2bd2194a7 (patch) | |
tree | 592d14b6d02ebc401dfdbcaeee830ea5ba4540c2 /xstatic/pkg/font_awesome/data/scss/_extras.scss | |
parent | 040422bdc8554eb040ccf6d42d5913a7a9c035d0 (diff) | |
download | xstatic-font-awesome-c13aad1b95b1d84e73f2565a18a5a8e2bd2194a7.tar.gz |
Change-Id: I740bd9050180c43a9a66e8e3a3b75f521925a278
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); } |