41 lines
791 B
SCSS
Executable file
41 lines
791 B
SCSS
Executable file
@use '../../style/include' as *;
|
|
|
|
@include responsive() using ($vars) {
|
|
section#image-viewer {
|
|
@include center-children();
|
|
display: none;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
z-index: 2;
|
|
background-color: rgba(0, 0, 0, 0.85);
|
|
|
|
#container > * {
|
|
width: auto;
|
|
height: auto;
|
|
|
|
@include on-large-screen {
|
|
max-width: 80vw;
|
|
max-height: 80vh;
|
|
}
|
|
|
|
@include on-small-screen {
|
|
max-width: 95vw;
|
|
max-height: 95vh;
|
|
}
|
|
}
|
|
|
|
#cancel {
|
|
@include square(map_get($vars, $icon-size));
|
|
position: absolute;
|
|
box-sizing: content-box;
|
|
padding: map_get($vars, $normal-margin);
|
|
right: 0;
|
|
top: 0;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|