// Animations variables
$aos-distance: 100px !default;

/**
 * Fade animations:
 * fade
 * fade-up, fade-down
 */

[data-aos^='fade'][data-aos^='fade']:not(.no-aos-animation) {
  opacity: 0;
  transition-property: opacity, transform;

  &.aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

[data-aos='fade-up']:not(.no-aos-animation) {
  transform: translate3d(0, $aos-distance, 0);
}

[data-aos='fade-down']:not(.no-aos-animation) {
  transform: translate3d(0, -$aos-distance, 0);
}