You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
491 B
36 lines
491 B
@import "../../../index"; |
|
|
|
.fade-motion(@className, @keyframeName) { |
|
@name: ~'bi-@{className}'; |
|
.make-motion(@name, @keyframeName); |
|
.@{name}-enter, |
|
.@{name}-appear { |
|
opacity: 0; |
|
animation-timing-function: linear; |
|
} |
|
.@{name}-leave { |
|
animation-timing-function: linear; |
|
} |
|
} |
|
|
|
.fade-motion(fade, biFade); |
|
|
|
@keyframes biFadeIn { |
|
0% { |
|
opacity: 0; |
|
} |
|
|
|
100% { |
|
opacity: 1; |
|
} |
|
} |
|
|
|
@keyframes biFadeOut { |
|
0% { |
|
opacity: 1; |
|
} |
|
|
|
100% { |
|
opacity: 0; |
|
} |
|
}
|
|
|