diff --git a/sklad/6style.css b/sklad/6style.css new file mode 100644 index 0000000..0592f59 --- /dev/null +++ b/sklad/6style.css @@ -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; + } +} \ No newline at end of file