salix/front/core/directives/zoom-image.scss

30 lines
547 B
SCSS
Raw Normal View History

2018-03-01 18:35:32 +00:00
.vn-zoom-image {
width: 100%;
height: 100%;
position: fixed;
top: 0;
2019-02-01 12:01:09 +00:00
z-index: 25;
2018-03-01 18:35:32 +00:00
background-color: rgba(1, 1, 1, 0.6);
& > div {
display: flex;
justify-content: center;
align-items: center;
width: inherit;
height: inherit;
box-sizing: border-box;
padding: 1em;
& > img {
cursor: zoom-out;
max-height: 100%;
max-width: 100%;
border-radius: .2em;
}
}
}
img[zoom-image]{
cursor: zoom-in;
}