Sha256: 91d654a337b3727a3ed07d8dccd70287ca15a6f3ae104598d3d3e7224cecb012
Contents?: true
Size: 1.48 KB
Versions: 9
Compression:
Stored size: 1.48 KB
Contents
@include pageflow-page-type(before_after);
.before_after {
pointer-events: all;
.before_image, .after_image {
width: auto;
}
.before_wrapper {
border-right: 2px solid gray;
&:before {
position: absolute;
display: block;
width: 39px;
height: 39px;
top: -25px;
background: image-url('pageflow/before_after/draghandle.png') no-repeat;
z-index: 2;
background-repeat: no-repeat;
background-size: 65%;
background-position: center bottom;
content: "";
right: -21px;
}
}
.dragwrapper {
position: absolute;
z-index: 1;
width: 39px;
margin: 0;
cursor: col-resize;
top: 0;
height: 100%;
margin-left: -19px;
visibility: hidden;
}
.ba_indicator {
position: absolute;
display: block;
width: 7px;
height: 15px;
&.ba_left_indicator {
background: image-url('pageflow/before_after/lt-small.png') no-repeat;
}
&.ba_right_indicator {
background: image-url('pageflow/before_after/rt-small.png') no-repeat;
}
}
}
.page .beforeAfterPage {
.videoWrapper {
height: 100%;
}
.shadow {
z-index: 1;
}
}
.hideText .beforeAfterPage .before_wrapper {
border-right: 2px solid white;
overflow: visible !important;
}
.hideText div.before_after .dragwrapper {
visibility: visible;
z-index: 2;
}
.js .beforeAfterPage {
.contentText {
margin-bottom: 200px;
@include phone {
margin-bottom: 100px;
}
}
}
Version data entries
9 entries across 9 versions & 1 rubygems