st
:root {
–carousel-tile-height: calc(var(–carousel-tile-width) / (16 / 16)) !important;
–carousel-growth-factor: 1 !important;
–carousel-fade-opacity: 0.25;
–carousel-normal-opacity: 1;
–carousel-offset-left: 1 !important;
–carousel-offset-right: calc(var(–carousel-tile-width) * (var(–carousel-growth-factor) – 1)) !important;
–carousel-transition-1: 1s;
–carousel-transition-2: 0.5s;
–carousel-transition-3: 0.3s;
}
.carousel-row {
padding-bottom: 33px;
white-space: nowrap;
margin-top: calc((var(–carousel-tile-height) * (var(–carousel-growth-factor) – 1)) / 2);
margin-bottom: calc((var(–carousel-tile-height) * (var(–carousel-growth-factor) – 1)) / 2);
margin-left: calc((var(–carousel-tile-width) * (var(–carousel-growth-factor) – 1)) / 2);
margin-right: calc((var(–carousel-tile-width) * (var(–carousel-growth-factor) – 1)) / 2);
transition: var(–carousel-transition-2);
}
.carousel-tile {
padding:13px !important;
position: relative;
display: inline-block;
width: var(–carousel-tile-width);
height: var(–carousel-tile-height);
margin-right: var(–carousel-tile-spacing);
transition: var(–carousel-transition-2);
-webkit-transform-origin: center left;
/* transform-origin: center left; */
/* cursor: pointer; */
cursor: hand;
}
.carousel {
margin-left: 0px
!important;
margin: 45px
;
box-sizing: border-box;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}