41 lines
1.3 KiB
SCSS
41 lines
1.3 KiB
SCSS
$aos-easing: (
|
|
linear: cubic-bezier(.250, .250, .750, .750),
|
|
|
|
ease: cubic-bezier(.250, .100, .250, 1),
|
|
ease-in: cubic-bezier(.420, 0, 1, 1),
|
|
ease-out: cubic-bezier(.000, 0, .580, 1),
|
|
ease-in-out: cubic-bezier(.420, 0, .580, 1),
|
|
|
|
ease-in-back: cubic-bezier(.6, -.28, .735, .045),
|
|
ease-out-back: cubic-bezier(.175, .885, .32, 1.275),
|
|
ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55),
|
|
|
|
ease-in-sine: cubic-bezier(.47, 0, .745, .715),
|
|
ease-out-sine: cubic-bezier(.39, .575, .565, 1),
|
|
ease-in-out-sine: cubic-bezier(.445, .05, .55, .95),
|
|
|
|
ease-in-quad: cubic-bezier(.55, .085, .68, .53),
|
|
ease-out-quad: cubic-bezier(.25, .46, .45, .94),
|
|
ease-in-out-quad: cubic-bezier(.455, .03, .515, .955),
|
|
|
|
ease-in-cubic: cubic-bezier(.55, .085, .68, .53),
|
|
ease-out-cubic: cubic-bezier(.25, .46, .45, .94),
|
|
ease-in-out-cubic: cubic-bezier(.455, .03, .515, .955),
|
|
|
|
ease-in-quart: cubic-bezier(.55, .085, .68, .53),
|
|
ease-out-quart: cubic-bezier(.25, .46, .45, .94),
|
|
ease-in-out-quart: cubic-bezier(.455, .03, .515, .955)
|
|
);
|
|
|
|
// Easings implementations
|
|
// Default timing function: 'ease'
|
|
|
|
[data-aos] {
|
|
@each $key, $val in $aos-easing {
|
|
body[data-aos-easing="#{$key}"] &,
|
|
&[data-aos][data-aos-easing="#{$key}"] {
|
|
transition-timing-function: $val;
|
|
}
|
|
}
|
|
}
|