109 lines
2 KiB
SCSS
109 lines
2 KiB
SCSS
@import '../../sass/_custom-variables/libs';
|
|
@import '~blueimp-gallery/css/blueimp-gallery';
|
|
|
|
.blueimp-gallery > .slides > .slide-loading {
|
|
// background-image: url(img/loading.gif);
|
|
}
|
|
.blueimp-gallery > .slides > .slide-error {
|
|
// background-image: url(img/error.png);
|
|
}
|
|
.blueimp-gallery > .play-pause {
|
|
// background-image: url(img/play-pause.png);
|
|
}
|
|
body:last-child .blueimp-gallery > .slides > .slide-error {
|
|
// background-image: url(img/error.svg);
|
|
}
|
|
body:last-child .blueimp-gallery > .play-pause {
|
|
// background-image: url(img/play-pause.svg);
|
|
}
|
|
|
|
.blueimp-gallery {
|
|
a.close,
|
|
a.prev,
|
|
a.next {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.prev,
|
|
.next {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
.blueimp-gallery a.close {
|
|
&:hover,
|
|
&:focus {
|
|
opacity: .5 !important;
|
|
}
|
|
}
|
|
|
|
.blueimp-gallery-carousel {
|
|
box-shadow: none;
|
|
}
|
|
|
|
@include feature-rtl(false) {
|
|
.blueimp-gallery {
|
|
direction: rtl;
|
|
}
|
|
.blueimp-gallery > .slides > .slide {
|
|
float: right;
|
|
}
|
|
.blueimp-gallery > .prev,
|
|
.blueimp-gallery > .next {
|
|
left: auto;
|
|
right: 15px;
|
|
}
|
|
.blueimp-gallery > .next {
|
|
right: auto;
|
|
left: 15px;
|
|
}
|
|
.blueimp-gallery > .play-pause {
|
|
transform: scaleX(-1);
|
|
}
|
|
.blueimp-gallery > .close,
|
|
.blueimp-gallery > .title {
|
|
left: auto;
|
|
right: 15px;
|
|
margin-right: 0;
|
|
margin-left: 40px;
|
|
}
|
|
.blueimp-gallery > .close {
|
|
left: 15px;
|
|
right: auto;
|
|
margin: -15px;
|
|
}
|
|
.blueimp-gallery > .play-pause {
|
|
right: auto;
|
|
left: 15px;
|
|
}
|
|
}
|
|
|
|
@if $enable-light-style {
|
|
.light-style {
|
|
@import "../../sass/_appwork/include";
|
|
|
|
.blueimp-gallery:not(.blueimp-gallery-carousel) {
|
|
z-index: $zindex-modal-top;
|
|
}
|
|
}
|
|
}
|
|
|
|
@if $enable-material-style {
|
|
.material-style {
|
|
@import "../../sass/_appwork/include-material";
|
|
|
|
.blueimp-gallery:not(.blueimp-gallery-carousel) {
|
|
z-index: $zindex-modal-top;
|
|
}
|
|
}
|
|
}
|
|
|
|
@if $enable-dark-style {
|
|
.dark-style {
|
|
@import "../../sass/_appwork/include-dark";
|
|
|
|
.blueimp-gallery:not(.blueimp-gallery-carousel) {
|
|
z-index: $zindex-modal-top;
|
|
}
|
|
}
|
|
}
|