95 lines
1.3 KiB
SCSS
95 lines
1.3 KiB
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{
|
|
|
|
@include mq (sm, max) {
|
|
margin: 0 0 16px 0 ;
|
|
|
|
.stretchChildrenWidth{
|
|
height: 74px;
|
|
}
|
|
}
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
|
|
.flexRowContent--indisponivel{
|
|
|
|
@include mq (md, max) {
|
|
padding: 0 40px 0 40px;
|
|
flex-direction: column;
|
|
.stretchChildrenWidth{
|
|
width: 100% !important;
|
|
|
|
}
|
|
:global(.vtex-store-components-3-x-content){
|
|
width: 100%;
|
|
max-width: 100%;
|
|
justify-content: initial;
|
|
gap: 10px;
|
|
}
|
|
|
|
.inputName{
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|