Sha256: 9226193694f9122902fdc32b60b8bb058333bcdb513577a2c9c12e5e86f8683e
Contents?: true
Size: 1.85 KB
Versions: 22
Compression:
Stored size: 1.85 KB
Contents
/* fading background, vertical scrolling content */
section.fade_to_black {
background-color: transparent;
&.invert {
background-color: transparent;
}
.blackLayer {
@include transition(1s ease);
opacity: 0;
background-color: black;
height: 100%;
width: 100%;
position: absolute;
}
&.invert .blackLayer {
background-color: white;
}
&.active .blackLayer {
opacity: 1;
}
&.animate-in-backwards {
display: block;
}
&.animate-in-forwards, &.animate-in-backwards, &.active {
z-index: 2;
}
.backgroundArea {
opacity: 0;
background-color: black;
-webkit-backface-visibility: hidden;
@include transition(opacity 1s ease 1s);
}
&.invert .backgroundArea {
background-color: white;
}
&.animate-in-forwards .backgroundArea {
opacity: 0;
}
&.animate-out-forwards .backgroundArea{
opacity: 0;
@include transition(1s ease);
}
&.animate-in-backwards .backgroundArea{
opacity: 0;
@include transition(1s ease 1s);
}
&.animate-out-backwards .backgroundArea{
opacity: 0;
@include transition(1s ease);
}
&.active .backgroundArea {
opacity: 1;
@include transition(1s ease 1s);
}
.content {
@include transition(1s ease);
-webkit-backface-visibility: hidden;
opacity: 0;
}
&.active .backgroundArea {
opacity: 1;
@include transition(1s ease 1s);
}
&.active div.content {
opacity: 1;
@include transition(1s ease 1s);
}
&.animate-in-forwards {
.content {
opacity: 0;
}
}
&.animate-out-forwards {
.content {
opacity: 0;
@include transition(1s ease);
}
}
&.animate-in-backwards {
.content {
opacity: 0;
@include transition(1s ease 1s);
}
}
&.animate-out-backwards {
.content {
opacity: 0;
@include transition(1s ease);
}
}
}
Version data entries
22 entries across 22 versions & 1 rubygems