53 lines
1.1 KiB
CSS
53 lines
1.1 KiB
CSS
.idm__hotspot .add_to_basket{
|
|
display: flex;
|
|
}
|
|
.idm__hotspot .add_to_basket.--range{
|
|
flex-direction: column;
|
|
}
|
|
.idm__hotspot .idm-products-banner__qty{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
.idm__hotspot .idm-products-banner__qty-input{
|
|
height: 3rem;
|
|
text-align: center;
|
|
border: 1px solid #ccc;
|
|
width: 60%;
|
|
max-width: unset;
|
|
min-width: unset;
|
|
}
|
|
.idm__hotspot .idm-products-banner__qty button{
|
|
background: #000;
|
|
height: 3rem;
|
|
width: 3rem;
|
|
color: #fff;
|
|
border-radius: 0.5rem;
|
|
min-width: 3rem;
|
|
}
|
|
@keyframes idm-skeleton-loading {
|
|
to {
|
|
background-position-x: -200%;
|
|
}
|
|
}
|
|
.idm__hotspot.idm-loading{
|
|
position: relative;
|
|
overflow: hidden;
|
|
|
|
transition: none;
|
|
border-radius: 8px;
|
|
background: #eee;
|
|
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
|
|
background-size: 200% 100%;
|
|
animation: 1.5s idm-skeleton-loading linear infinite;
|
|
width: 100%;
|
|
height: 50rem;
|
|
}
|
|
@media (max-width: 756px) {
|
|
.idm__hotspot.idm-loading{
|
|
width: 100%;
|
|
height: 50rem;
|
|
}
|
|
} |