78 lines
1.4 KiB
SCSS
78 lines
1.4 KiB
SCSS
.sliderLayoutContainer--prateleira {
|
|
background-color: transparent;
|
|
justify-content: center;
|
|
|
|
.sliderTrack--prateleira {
|
|
gap: 16px;
|
|
}
|
|
|
|
.sliderTrackContainer--prateleira {
|
|
width: 95.96%;
|
|
}
|
|
|
|
.slide--prateleira {
|
|
margin: 0;
|
|
}
|
|
|
|
.sliderArrows--prateleira {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.sliderLeftArrow--prateleira {
|
|
left: -12px;
|
|
width: 11.2px;
|
|
height: 29.6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
padding: 10px;
|
|
left: 1px;
|
|
box-shadow: 2px -2px 0 0px #000 inset;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px 1px;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.caretIcon {
|
|
display: none;
|
|
}
|
|
|
|
.sliderRightArrow--prateleira {
|
|
right: -12px;
|
|
width: 11.2px;
|
|
height: 29.6px;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
padding: 10px;
|
|
right: 1px;
|
|
box-shadow: 2px -2px 0 0px #000 inset;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px 1px;
|
|
transform: rotate(-135deg);
|
|
}
|
|
}
|
|
|
|
.paginationDotsContainer {
|
|
align-items: center;
|
|
}
|
|
|
|
.paginationDot--prateleira {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 0 6px;
|
|
background: #000000;
|
|
}
|
|
|
|
.paginationDot--prateleira--isActive {
|
|
width: 17px !important;
|
|
height: 17px !important;
|
|
background-color: white;
|
|
border: 0.5px solid #000000;
|
|
}
|
|
}
|