challenge-vtex-io-ueber-james/styles/sass/pages/product/vtex.flex-layout.scss

64 lines
849 B
SCSS

.flexRowContent--product-main {
gap: 32px;
padding: 0;
margin: 0;
.stretchChildrenWidth {
padding: 0;
}
@include mq (md, max) {
display: block;
padding-left: 40px;
padding-right: 40px;
.stretchChildrenWidth {
width: 100% !important;
}
}
}
// quantity
.flexRow--size-buy-button{
width: 100%;
height: 49px;
margin: 0;
margin-left: 10px;
.flexRowContent--size-buy-button {
height: 49px;
width: 100%;
margin: 0;
}
}
.flexRowContent--size-buy-button :global(.vtex-button) {
background: $color-black2;
border: none;
border-radius: 0;
width: 100%;
@include mq (md, max) {
width: 780px;
}
}
.flexRowContent--description{
@include mq (md, max) {
display: flex;
flex-direction: column;
.stretchChildrenWidth{
width: 100% !important;
}
}
}