FrontendComponents/hotspots
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS

Browse Source
This commit is contained in:
pgaca
2025-10-01 10:14:13 +02:00
parent 09eb2cecce
commit 6d3314bf7e
1 changed files with 53 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
sklad/6style.css Normal file
View File

@@ -0,0 +1,53 @@
.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;
}
}