/**
 * @# AOS
 **/
[data-aos] {
	@for $i from 1 through 100 {
		body[data-aos-duration='#{$i * 50}'] &,
		&[data-aos][data-aos-duration='#{$i * 50}'] {
			transition-duration: #{$i * 50}ms;
		}

		body[data-aos-delay='#{$i * 50}'] &,
		&[data-aos][data-aos-delay='#{$i * 50}'] {
			transition-delay: 0s;

			&.aos-animate {
				transition-delay: #{$i * 50}ms;
			}
		}
	}
}

[data-aos] {
	pointer-events: none;
	&.aos-animate {
		pointer-events: auto;
	}
}