FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-25 21:11:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Changes animation names according to fa-css-prefix variable. Fixes #140

Browse Source
This commit is contained in:
Vladimir Anokhin 2019-02-16 13:44:07 +03:00
parent ea10916556
commit 2f819ebcbf
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
less/animated.less
View File

@ -2,16 +2,16 @@
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
-webkit-animation: ~'@{fa-css-prefix}-spin' 2s infinite linear;
animation: ~'@{fa-css-prefix}-spin' 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
-webkit-animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8);
animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
@-webkit-keyframes ~'@{fa-css-prefix}-spin' {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
@ -22,7 +22,7 @@
}
}
@keyframes fa-spin {
@keyframes ~'@{fa-css-prefix}-spin' {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);

12
scss/_animated.scss
View File

@ -2,16 +2,16 @@
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
-webkit-animation: #{$fa-css-prefix}-spin 2s infinite linear;
animation: #{$fa-css-prefix}-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
-webkit-animation: #{$fa-css-prefix}-spin 1s infinite steps(8);
animation: #{$fa-css-prefix}-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
@-webkit-keyframes #{$fa-css-prefix}-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
@ -22,7 +22,7 @@
}
}
@keyframes fa-spin {
@keyframes #{$fa-css-prefix}-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);