h5ai/src/_h5ai/public/css/lib/ext/preview-img.less
2015-10-24 19:20:31 +02:00

27 lines
708 B
Text

#pv-img-image {
.raised;
@check-white: #f8f8f8;
@check-black: #e8e8e8;
position: absolute;
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;
}
}