100 lines
1.7 KiB
CSS
100 lines
1.7 KiB
CSS
@media screen and (max-width: 749px) {
|
|
.collection .grid__item:only-child {
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 989px) {
|
|
.collection .slider.slider--tablet {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.collection .loading-overlay {
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 1.8rem;
|
|
}
|
|
|
|
@media screen and (max-width: 749px) {
|
|
.collection .loading-overlay {
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 750px) {
|
|
.collection .loading-overlay {
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.collection .loading-overlay {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: none;
|
|
width: 100%;
|
|
padding: 0 1.5rem;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
@media screen and (min-width: 750px) {
|
|
.collection .loading-overlay {
|
|
padding-left: 5rem;
|
|
padding-right: 5rem;
|
|
}
|
|
}
|
|
|
|
.collection.loading .loading-overlay {
|
|
display: block;
|
|
}
|
|
|
|
.collection--empty .title-wrapper {
|
|
margin-top: 10rem;
|
|
margin-bottom: 15rem;
|
|
}
|
|
|
|
@media screen and (max-width: 989px) {
|
|
.collection .slider--tablet.product-grid {
|
|
scroll-padding-left: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.collection__description > * {
|
|
margin: 0;
|
|
}
|
|
|
|
.collection__title.title-wrapper {
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
|
|
.collection__title .title:not(:only-child) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
@media screen and (min-width: 990px) {
|
|
.collection__title--desktop-slider .title {
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
|
|
.collection__title.title-wrapper--self-padded-tablet-down {
|
|
padding: 0 5rem;
|
|
}
|
|
|
|
.collection slider-component:not(.page-width-desktop) {
|
|
padding: 0;
|
|
}
|
|
|
|
.collection--full-width slider-component:not(.slider-component-desktop) {
|
|
padding: 0 1.5rem;
|
|
max-width: none;
|
|
}
|
|
}
|
|
|
|
.collection__view-all a:not(.link) {
|
|
margin-top: 1rem;
|
|
}
|