h5ai/src/_h5ai/public/css/lib/ext/preview-img.less

30 lines
746 B
Plaintext

#pv-content-img {
.raised;
@check-white: #f8f8f8;
@check-black: #e8e8e8;
position: absolute;
image-orientation: from-image;
max-width: 100%;
max-height: 100%;
background-color: @check-white;
background-image:
-webkit-linear-gradient(45deg, @check-black 25%, transparent 25%, transparent 75%, @check-black 75%, @check-black),
-webkit-linear-gradient(45deg, @check-black 25%, transparent 25%, transparent 75%, @check-black 75%, @check-black);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
&.loading {
opacity: 0.5;
margin-top: 32px;
width: 240px;
height: 240px;
border-radius: 1000px;
overflow: hidden;
}
}