deblan-mirror/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome synced 2024-05-03 07:03:17 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #158 from vanokhin/#140

Browse source 
Change animation names according to fa-css-prefix variable
This commit is contained in:
Julien Deswaef 2019-02-16 12:22:18 -05:00
parent 3750335274
commit b2c513c47f
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 { .@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear; -webkit-animation: ~'@{fa-css-prefix}-spin' 2s infinite linear;
animation: fa-spin 2s infinite linear; animation: ~'@{fa-css-prefix}-spin' 2s infinite linear;
} }
.@{fa-css-prefix}-pulse { .@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8); -webkit-animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8);
animation: fa-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% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);
@ -22,7 +22,7 @@
} }
} }
@keyframes fa-spin { @keyframes ~'@{fa-css-prefix}-spin' {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);

12
scss/_animated.scss
View file

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