27 lines
538 B
SCSS
27 lines
538 B
SCSS
|
@media (prefers-reduced-motion: no-preference) {
|
||
|
|
[data-reveal] {
|
||
|
|
transition-property: opacity, transform;
|
||
|
|
transition-duration: 1.5s;
|
||
|
|
transition-timing-function: cubic-bezier(0.2, 1, 0.2, 1);
|
||
|
|
|
||
|
|
&[data-reveal*='no'] {
|
||
|
|
opacity: 0.01; // fixes links double tap on Chrome iOS
|
||
|
|
}
|
||
|
|
|
||
|
|
&[data-reveal*='yes'] {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
&[data-reveal*='bottom'] {
|
||
|
|
transform: translateY(100px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*='entries'] {
|
||
|
|
@for $i from 2 through 12 {
|
||
|
|
[data-reveal*='#{$i}'] {
|
||
|
|
transition-delay: #{($i - 1) * 0.3}s;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|