Base Animations

These variables are used as the base for setting speed consistency throughout the applications.

$a-desktop: 390ms;
$a-desktop-enter: 290ms;
$a-desktop-exit: 250ms;

$a-mobile: 300ms;
$a-mobile-enter: 225ms;
$a-mobile-exit: 195ms;

.animate {
    transition: all $a-desktop ease-out;
}
copy