Sha256: 7e50ea4eb6b5086f653482f5faa7d7bd6e0d2784c9c19f41e1036f22b6c2afd5
Contents?: true
Size: 1.48 KB
Versions: 12
Compression:
Stored size: 1.48 KB
Contents
/* fading background, vertical scrolling content */
section.page {
background-color: transparent;
}
section.fade {
background-color: transparent;
&.invert {
background-color: transparent;
}
.blackLayer {
display: none;
}
.backgroundArea {
background-color: black;
-webkit-backface-visibility: hidden;
}
&.invert .backgroundArea {
background-color: white;
}
&.animate-in-forwards .backgroundArea {
opacity: 0;
}
&.animate-out-forwards .backgroundArea{
@include transition (opacity 1s ease);
opacity: 1;
}
&.animate-in-backwards .backgroundArea{
opacity: 0;
}
&.animate-out-backwards .backgroundArea{
@include transition (opacity 1s ease);
opacity: 1;
}
&.active .backgroundArea {
@include transition (opacity 1s ease);
opacity: 1;
}
.content {
-webkit-backface-visibility: hidden;
}
&.active div.content {
@include transition(1s ease);
@include transform(translate3d(0,0,0));
}
&.animate-in-forwards {
z-index: 2;
.content {
@include transform(translate3d(0,100%,0));
}
}
&.animate-out-forwards {
.content {
@include transition(1s ease);
@include transform(translate3d(0,-100%,0));
}
}
&.animate-in-backwards {
z-index: 2;
.content {
@include transform(translate3d(0,-100%,0));
}
}
&.animate-out-backwards {
.content {
@include transition(1s ease);
@include transform(translate3d(0,100%,0));
}
}
}
Version data entries
12 entries across 12 versions & 1 rubygems