@import "./size";

$transition-duration-fast: var(--transition-duration-fast, 120ms);
$transition-duration-medium: var(--transition-duration-medium, 180ms);
$transition-duration-slow: var(--transition-duration-slow, 250ms);

$transition-timing-function-linear: linear;
$transition-linear: var(--transition-timing-function-linear, #{$transition-timing-function-linear});

$transition-timing-function-ease: ease;
$transition-ease: var(--transition-timing-function-ease, #{$transition-timing-function-ease});

$transition-timing-function-ease-in: ease-in;
$transition-ease-in: var(--transition-timing-function-ease-in, #{$transition-timing-function-ease-in});

$transition-timing-function-ease-out: ease-out;
$transition-ease-out: var(--transition-timing-function-ease-out, #{$transition-timing-function-ease-out});

$transition-timing-function-deceleration-curve: cubic-bezier(0.0, 0.0, 0.2, 1);
$transition-deceleration-curve: var(--transition-timing-function-deceleration-curve, #{$transition-timing-function-deceleration-curve});

$transition-timing-function-acceleration-curve: cubic-bezier(0.4, 0.0, 1, 1);
$transition-acceleration-curve: var(--transition-timing-function-acceleration-curve, #{$transition-timing-function-acceleration-curve});

$transition-timing-function-standard-curve: cubic-bezier(0.4, 0.0, 0.2, 1);
$transition-standard-curve: var(--transition-timing-function-standard-curve, #{$transition-timing-function-standard-curve});

$transition-timing-function-sharp: cubic-bezier(.4, 0, .6, 1);
$transition-sharp-curve: var(--transition-timing-function-sharp-curve, #{$transition-timing-function-sharp});