diff options
| author | ARC <arjunrc@gmail.com> | 2015-04-25 09:13:54 -0400 |
|---|---|---|
| committer | ARC <arjunrc@gmail.com> | 2015-04-25 09:13:54 -0400 |
| commit | 86e4e291bfda3365c0bb82bacb2b9990a86ce759 (patch) | |
| tree | c9729d4bd5366656e39761319546593c02f0f709 /www/lib/ionic/scss/ionicons/_ionicons-animation.scss | |
First Commit
Diffstat (limited to 'www/lib/ionic/scss/ionicons/_ionicons-animation.scss')
| -rwxr-xr-x | www/lib/ionic/scss/ionicons/_ionicons-animation.scss | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/www/lib/ionic/scss/ionicons/_ionicons-animation.scss b/www/lib/ionic/scss/ionicons/_ionicons-animation.scss new file mode 100755 index 00000000..d2f4c3e5 --- /dev/null +++ b/www/lib/ionic/scss/ionicons/_ionicons-animation.scss @@ -0,0 +1,77 @@ +// Animation Icons +// -------------------------- + +.#{$ionicons-prefix}spin { + -webkit-animation: spin 1s infinite linear; + -moz-animation: spin 1s infinite linear; + -o-animation: spin 1s infinite linear; + animation: spin 1s 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); } +} + + +.#{$ionicons-prefix}loading-a, +.#{$ionicons-prefix}loading-b, +.#{$ionicons-prefix}loading-c, +.#{$ionicons-prefix}loading-d, +.#{$ionicons-prefix}looping, +.#{$ionicons-prefix}refreshing, +.#{$ionicons-prefix}ios7-reloading { + @extend .ion; + // must spin entire element for android 4.3 and below + @extend .#{$ionicons-prefix}spin; +} + +.#{$ionicons-prefix}loading-a { + -webkit-animation-timing-function: steps(8, start); + -moz-animation-timing-function: steps(8, start); + animation-timing-function: steps(8, start); +} + +.#{$ionicons-prefix}loading-a:before { + @extend .#{$ionicons-prefix}load-a:before; +} + +.#{$ionicons-prefix}loading-b:before { + @extend .#{$ionicons-prefix}load-b:before; +} + +.#{$ionicons-prefix}loading-c:before { + @extend .#{$ionicons-prefix}load-c:before; +} + +.#{$ionicons-prefix}loading-d:before { + @extend .#{$ionicons-prefix}load-d:before; +} + +.#{$ionicons-prefix}looping:before { + @extend .#{$ionicons-prefix}loop:before; +} + +.#{$ionicons-prefix}refreshing:before { + @extend .#{$ionicons-prefix}refresh:before; +} + +.#{$ionicons-prefix}ios7-reloading:before { + @extend .#{$ionicons-prefix}ios7-reload:before; +} |
