You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.0 KiB
SCSS
47 lines
1.0 KiB
SCSS
5 years ago
|
.lg-outer {
|
||
|
// reset transition duration
|
||
|
&.lg-css3.lg-zoom-dragging {
|
||
|
.lg-item.lg-complete.lg-zoomable {
|
||
|
.lg-img-wrap, .lg-image {
|
||
|
@include transition-duration(0s);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.lg-item.lg-complete.lg-zoomable{
|
||
|
|
||
|
.lg-img-wrap {
|
||
|
@include transitionCustom(transform $zoom-transition-duration ease 0s);
|
||
|
@include translate3d(0, 0, 0);
|
||
|
}
|
||
|
|
||
|
.lg-image {
|
||
|
// Translate required for zoom
|
||
|
@include scale3d(1, 1, 1);
|
||
|
@include transitionCustom(transform $zoom-transition-duration ease 0s, opacity 0.15s !important);
|
||
|
@include transform-origin(0 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
// zoom buttons
|
||
|
#lg-zoom-in {
|
||
|
&:after {
|
||
|
content: "\e311";
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#lg-zoom-out {
|
||
|
opacity: 0.5;
|
||
|
pointer-events: none;
|
||
|
|
||
|
&:after {
|
||
|
content: "\e312";
|
||
|
}
|
||
|
|
||
|
.lg-zoomed & {
|
||
|
opacity: 1;
|
||
|
pointer-events: auto;
|
||
|
}
|
||
|
}
|