Sha256: 115a189fbef5e4d8f0246a2bb18cdc2ee82f021f470eeecf8f78f3de9b402138
Contents?: true
Size: 1.21 KB
Versions: 34
Compression:
Stored size: 1.21 KB
Contents
/* scroll in, no scroll out from right */
section.scroll-in-right {
.blackLayer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
display: none;
background-color: black;
}
&.invert .blackLayer {
background-color: white;
}
.content_and_background {
overflow: hidden;
box-shadow: 0px 0px 50px black;
@include transition(1s ease);
}
&.active div.content_and_background {
@include transform(translate3d(0,0,0));
}
&.active .blackLayer {
opacity: 1;
}
&.animate-in-forwards {
.content_and_background {
@include transform(translate3d(105%,0,0));
}
.blackLayer {
opacity: 0;
}
}
&.animate-out-forwards {
.content_and_background {
@include transform(translate3d(0,0,0));
.backgroundArea {
opacity: 1;
}
}
.blackLayer {
opacity: 1;
}
}
&.animate-in-backwards {
.content_and_background {
@include transform(translate3d(0,0,0));
}
.blackLayer {
opacity: 1;
}
}
&.animate-out-backwards {
.content_and_background {
@include transform(translate3d(105%,0,0));
}
.blackLayer {
opacity: 0;
}
}
}
Version data entries
34 entries across 34 versions & 1 rubygems