_animations.less
7 years ago
_base.less
7 years ago
_country-flags.less
5 years ago
_elements.less
1 year ago
_overrides.less
1 year ago
_variables.less
4 years ago
font.less
4 years ago
rtl.less
3 years ago
_animations.less
62 lines
| 1 | // Fade |
| 2 | |
| 3 | .fade-enter-active, .fade-leave-active { |
| 4 | transition: all .4s ease-out; |
| 5 | } |
| 6 | |
| 7 | .fade-enter, .fade-leave-to { |
| 8 | opacity: 0; |
| 9 | } |
| 10 | |
| 11 | //Fade IN |
| 12 | |
| 13 | .fadeIn-enter-active { |
| 14 | transition: all .2s ease-out; |
| 15 | transition-delay: 0.2s; |
| 16 | } |
| 17 | |
| 18 | .fadeIn-leave-active { |
| 19 | transition: all .2s ease-out; |
| 20 | display: none; |
| 21 | } |
| 22 | |
| 23 | .fadeIn-enter, .fadeIn-leave-to { |
| 24 | opacity: 0; |
| 25 | } |
| 26 | |
| 27 | // Slide Horizontal |
| 28 | |
| 29 | .slide-enter-active, .slide-leave-active { |
| 30 | transition: all .6s ease-out; |
| 31 | } |
| 32 | |
| 33 | .slide-enter, .slide-leave-to { |
| 34 | transform: translateX(100%); |
| 35 | } |
| 36 | |
| 37 | // Slide Vertical |
| 38 | |
| 39 | .slide-vertical-enter-active, .slide-vertical-leave-active { |
| 40 | transition: all .2s ease-out; |
| 41 | //max-height: 300px; |
| 42 | } |
| 43 | |
| 44 | .slide-vertical-enter, .slide-vertical-leave-to { |
| 45 | transform: translateY(100%); |
| 46 | opacity: 0; |
| 47 | //max-height: 0; |
| 48 | } |
| 49 | |
| 50 | // Slide Vertical Down |
| 51 | |
| 52 | .slide-vertical-down-enter-active, .slide-vertical-down-leave-active { |
| 53 | transition: all .2s ease-out; |
| 54 | //max-height: 300px; |
| 55 | } |
| 56 | |
| 57 | .slide-vertical-down-enter, .slide-vertical-down-leave-to { |
| 58 | transform: translateY(0px); |
| 59 | opacity: 0; |
| 60 | //max-height: 0; |
| 61 | } |
| 62 |