39 lines
684 B
SCSS
39 lines
684 B
SCSS
@use 'modules/color_theme' as color;
|
|
|
|
.medium-zoom-overlay {
|
|
@include color.themed() {
|
|
background: color.t('accent');
|
|
}
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
transition: opacity 300ms;
|
|
will-change: opacity;
|
|
}
|
|
|
|
.medium-zoom--opened .medium-zoom-overlay {
|
|
cursor: pointer;
|
|
cursor: zoom-out;
|
|
opacity: 1;
|
|
}
|
|
|
|
.medium-zoom-image {
|
|
cursor: pointer;
|
|
cursor: zoom-in;
|
|
transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;
|
|
z-index: 100;
|
|
}
|
|
|
|
.medium-zoom-image--hidden {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.medium-zoom-image--opened {
|
|
position: relative;
|
|
cursor: pointer;
|
|
cursor: zoom-out;
|
|
will-change: transform;
|
|
}
|