asteroid/css/modules/_section.sass

19 lines
414 B
Sass

// section transition styles
.section
opacity: 0
visibility: hidden
transition: opacity .4s ease-in-out, visibility 0s .4s
&--is-active
opacity: 1
visibility: visible
z-index: 1
transition: opacity .4s ease-in-out .4s
&--next
transform: translateY(-45px)
transition: transform .4s ease-in-out
&--prev
transform: translateY(45px)
transition: transform .4s ease-in-out