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

109 lines
1.6 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 (cstm, max) {
margin-left: 0;
margin-bottom: 16px;
.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;
}
}
}
.flexRowContent--description {
@include mq (md, max) {
margin-bottom: 0px;
border-bottom: 1px solid rgba(0,0,0,0.1);}
@include mq (cstm, max) {
margin-bottom: 0px;
border-bottom: 1px solid rgba(0,0,0,0.1);}
}
.html--size-buy-button{
width: 100%;}