// Gallery // //
.align-bottom {
.owl-stage { display: -ms-flexbox; display: flex; -ms-flex-align: end!important; align-items: flex-end!important; }
}
// // Scrolling Gallery // .scrolling-gallery {
height: 50vh;
}
@include media-breakpoint-down(md) {
.scrolling-gallery { overflow: hidden; margin-bottom: -5rem; }
}
// // Photo // .photo {
@include transition; @include border-radius; position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); img { width: 100%; } a { display: block; margin: 0; background-size: cover; background-position: center; &::before { @include border-radius; @include transition; opacity: 0; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba($canalplus, .2); } } &:hover { a { &:before { opacity: 0.75; } } .photo-caption { @include translate(0,0); opacity: 1; } }
}
.photo-caption {
@include translate(0,100%); @include transition; @include text-shadow(); position: absolute; bottom: .625rem; left: .625rem; padding: .5rem; opacity: 0; color: $white;
}
.gutter-0 {
.photo { border-radius: 0; }
}
// scrolling gallery
.scrolling–gallery {
position: absolute; top: 0; width: 100%;
}