javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

loading icon

Browse Source
This commit is contained in:
Adam Bradley
2013-10-23 13:46:56 -05:00
parent 155165164b
commit f64822e1c2
2 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
scss/ionic/_animations.scss
View File

@ -132,3 +132,16 @@ $bezier-function: cubic-bezier(.1, .7, .1, 1);
animation: fadeIn 0.3s;
}
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}

38
scss/ionic/_icons.scss
View File

@ -49,4 +49,42 @@
background: $gray-lighter;
}
}
.icon-loading {
font-family: 'ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation:spin .75s linear infinite;
-moz-animation:spin .75s linear infinite;
animation:spin .75s linear infinite;
&:before {
content: "\e036";
}
}
.icon-refreshing {
font-family: 'ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation:spin .75s linear infinite;
-moz-animation:spin .75s linear infinite;
animation:spin .75s linear infinite;
&:before {
content: "\e036";
}
}