Sha256: 6597714e818606ad680820e81d9af9a6f58ffe98bf42c11c8349c039a5bd79e2
Contents?: true
Size: 1.75 KB
Versions: 18
Compression:
Stored size: 1.75 KB
Contents
.slideshow {
position: absolute;
width: 100%;
height: auto;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
.blackLayer,
.backgroundArea {
-webkit-backface-visibility: hidden;
position: relative;
}
.content_and_background {
-webkit-backface-visibility: hidden;
}
.page {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
overflow: hidden;
.background_image {
background-attachment: scroll;
}
}
section.active {
display: block;
-webkit-backface-visibility: hidden;
.backgroundArea {
opacity: 1;
}
}
section .videoPage .video-js {
background-color: black;
}
section.invert .videoPage .video-js {
background-color: white;
}
section.scroll .content_and_background {
z-index: 4; /* bring scrolling content always to front */
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
z-index: 2;
overflow: hidden;
@include transition(0.5s ease);
}
.page.hidden_by_overlay .content {
opacity: 0;
pointer-events: 0;
}
.scroller {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 1;
> div {
position: absolute;
@include box-sizing(border-box);
min-height: 100%;
z-index: 1;
@include transform(translateZ(0));
@include user-select(none);
@include text-size-adjust(none);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}
}
@each $io in in, out {
@each $direction in forwards backwards {
.animate-#{$io}-#{$direction} {
display: block;
}
}
}
}
Version data entries
18 entries across 18 versions & 1 rubygems