challenge-vtex-io-savio-car.../styles/sass/pages/product/vtex.flex-layout.scss

46 lines
820 B
SCSS
Raw Normal View History

.flexRow {
}
.flexRowContent {
margin: 8px 0 0 0px;
padding: 0;
}
:global(.vtex-stack-layout-0-x-stackItem) {
.flexRow {
margin: 0;
}
}
.flexRow--buyButton {
.flexRowContent {
margin: 0 0 0 0 !important;
padding: 0;
}
}
.flexRowContent--cart {
display: flex;
gap: 10px;
.flexRow--buyButton {
:global(.vtex-button) {
background-color: black;
}
:global(.vtex-button__label) {
font-size: 0;
&::after {
content: "adicionar à sacola";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #ffffff;
}
}
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.flexRowContent {
display: flex;
flex-direction: column;
}
}