FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-28 06:21:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

properly namespacing spin animation #3885

Browse Source
This commit is contained in:
Dave Gandy 2014-08-20 12:03:31 -04:00
parent cf3ebc280a
commit b3f34507b2
6 changed files with 41 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/font-awesome.css vendored
View File

@ -78,12 +78,12 @@
margin-left: .3em; margin-left: .3em;
} }
.fa-spin { .fa-spin {
-webkit-animation: spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear;
animation: spin 2s infinite linear; animation: fa-spin 2s infinite linear;
} }
@-moz-keyframes spin { @-moz-keyframes fa-spin {
0% { 0% {
-moz-transform: rotate(0deg); -moz-transform: rotate(0deg);
} }
@ -91,7 +91,7 @@
-moz-transform: rotate(359deg); -moz-transform: rotate(359deg);
} }
} }
@-webkit-keyframes spin { @-webkit-keyframes fa-spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
} }
@ -99,7 +99,7 @@
-webkit-transform: rotate(359deg); -webkit-transform: rotate(359deg);
} }
} }
@-o-keyframes spin { @-o-keyframes fa-spin {
0% { 0% {
-o-transform: rotate(0deg); -o-transform: rotate(0deg);
} }
@ -107,7 +107,7 @@
-o-transform: rotate(359deg); -o-transform: rotate(359deg);
} }
} }
@keyframes spin { @keyframes fa-spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);

2
css/font-awesome.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
less/spinning.less
View File

@ -2,25 +2,25 @@
// -------------------------- // --------------------------
.@{fa-css-prefix}-spin { .@{fa-css-prefix}-spin {
-webkit-animation: spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear;
animation: spin 2s infinite linear; animation: fa-spin 2s infinite linear;
} }
@-moz-keyframes spin { @-moz-keyframes fa-spin {
0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(359deg); }
} }
@-webkit-keyframes spin { @-webkit-keyframes fa-spin {
0% { -webkit-transform: rotate(0deg); } 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); } 100% { -webkit-transform: rotate(359deg); }
} }
@-o-keyframes spin { @-o-keyframes fa-spin {
0% { -o-transform: rotate(0deg); } 0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); } 100% { -o-transform: rotate(359deg); }
} }
@keyframes spin { @keyframes fa-spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);

16
scss/_spinning.scss
View File

@ -2,25 +2,25 @@
// -------------------------- // --------------------------
.#{$fa-css-prefix}-spin { .#{$fa-css-prefix}-spin {
-webkit-animation: spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear;
animation: spin 2s infinite linear; animation: fa-spin 2s infinite linear;
} }
@-moz-keyframes spin { @-moz-keyframes fa-spin {
0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(359deg); }
} }
@-webkit-keyframes spin { @-webkit-keyframes fa-spin {
0% { -webkit-transform: rotate(0deg); } 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); } 100% { -webkit-transform: rotate(359deg); }
} }
@-o-keyframes spin { @-o-keyframes fa-spin {
0% { -o-transform: rotate(0deg); } 0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); } 100% { -o-transform: rotate(359deg); }
} }
@keyframes spin { @keyframes fa-spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);

16
src/assets/font-awesome/less/spinning.less vendored
View File

@ -5,25 +5,25 @@
// -------------------------- // --------------------------
.@{fa-css-prefix}-spin { .@{fa-css-prefix}-spin {
-webkit-animation: spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear;
animation: spin 2s infinite linear; animation: fa-spin 2s infinite linear;
} }
@-moz-keyframes spin { @-moz-keyframes fa-spin {
0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(359deg); }
} }
@-webkit-keyframes spin { @-webkit-keyframes fa-spin {
0% { -webkit-transform: rotate(0deg); } 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); } 100% { -webkit-transform: rotate(359deg); }
} }
@-o-keyframes spin { @-o-keyframes fa-spin {
0% { -o-transform: rotate(0deg); } 0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); } 100% { -o-transform: rotate(359deg); }
} }
@keyframes spin { @keyframes fa-spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);

16
src/assets/font-awesome/scss/_spinning.scss vendored
View File

@ -5,25 +5,25 @@
// -------------------------- // --------------------------
.#{$fa-css-prefix}-spin { .#{$fa-css-prefix}-spin {
-webkit-animation: spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: fa-spin 2s infinite linear;
animation: spin 2s infinite linear; animation: fa-spin 2s infinite linear;
} }
@-moz-keyframes spin { @-moz-keyframes fa-spin {
0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(359deg); }
} }
@-webkit-keyframes spin { @-webkit-keyframes fa-spin {
0% { -webkit-transform: rotate(0deg); } 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); } 100% { -webkit-transform: rotate(359deg); }
} }
@-o-keyframes spin { @-o-keyframes fa-spin {
0% { -o-transform: rotate(0deg); } 0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); } 100% { -o-transform: rotate(359deg); }
} }
@keyframes spin { @keyframes fa-spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);