$className: 'transition-dropdown';

.#{$className}-enter-active, .#{$className}-leave-active {
    animation: lionDropdownFadeIn .5s;
  }
  .#{$className}-enter, .#{$className}-leave-to {
    animation: lionDropdownFadeOut .5s;
  }

@keyframes lionDropdownFadeIn {
    0% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(.8);
    }
    100% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
    }
}  

@keyframes lionDropdownFadeOut {
    0% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
    }
    100% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(.8);
    }
}