$transition-duration-short: .1s;
$transition-duration-default: .2s;
$transition-duration-long: .5s;
$transition-motion-default: ease;
$transition-motion-snap: cubic-bezier(1, -.265, .56, 1.39);

@mixin transition-default {
  transition: $transition-duration-default $transition-motion-default;
}

@mixin snap-into-place($attribute) {
  transition: $attribute $transition-duration-long $transition-motion-snap;
}