Sha256: 09fdeb495ba27ac256f0c8791df164bde051224a0af68c88b2e3727170445bdd
Contents?: true
Size: 1.66 KB
Versions: 17
Compression:
Stored size: 1.66 KB
Contents
.product-thumbnails-carousel {
&-item {
$single-gap: 5%;
&-content {
height: 0;
padding-bottom: thubnails-carousel-content-min-height(
5,
$single-gap,
$thumbnails-carousel-single-height
);
display: block;
}
&-single {
position: relative;
display: none;
overflow: hidden;
img {
border: 2px solid transparent;
&.selected {
border-color: $secondary-color;
}
}
&--empty {
background: none;
}
&--visible {
margin-top: 0;
display: block;
cursor: pointer;
& ~ & {
margin-top: $single-gap;
}
}
}
&:not(.carousel-item) {
display: none;
}
}
&-previous {
top: 0;
.spree-icon {
display: block;
}
}
&-next {
bottom: 0;
.spree-icon {
display: block;
}
}
&--empty {
padding: 0 0 100% / $photo-width-to-height-ratio 0;
background: theme-color("light");
& > * {
display: none !important;
}
}
@include media-breakpoint-up(md) {
&-item {
$single-gap-md: 16%;
&-content {
padding-bottom: 0px;
height: fit-content;
}
&-single {
&--visible {
& ~ & {
margin-top: $single-gap-md / 2;
}
.modal-dialog--zoom & ~ & {
margin-top: 3px;
}
@media (min-height: $zoom-height-breakpoint) {
.modal-dialog--zoom & ~ & {
margin-top: 10px;
}
.modal-dialog--zoom & {
margin-top: 10px;
}
}
}
}
}
}
}
Version data entries
17 entries across 17 versions & 1 rubygems