challenge-vtex-io-Adilson-F.../styles/sass/pages/product/vtex.flex-layout.scss

67 lines
1.2 KiB
SCSS
Raw Normal View History

.stretchChildrenWidth{
width: 100% !important;
padding: 0 ;
@media (max-width: 1024px) {
padding-right: 0px
}
}
.flexRowContent--divDescription{
@media (max-width: 1024px) {
display: flex;
flex-direction: column;
}
}
2023-01-26 21:21:01 +00:00
.flexRowContent{
margin: 0;
}
.flexRowContent--divProduct {
margin-top: 16px;
2023-01-25 04:01:38 +00:00
padding: 0px;
padding-left: 40px !important;
margin-bottom: 16px;
gap: 32px;
padding-right: 40px !important;
@media (max-width:1024px) {
flex-direction: column;
}
.stretchChildrenWidth {
width: 100% !important;
}
}
.flexCol--divInfoProduct {
.flexRow--divNomeProduct {
text-align: end;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: #575757;
}
.flexRow--divNomeProductModelo {
text-align: end;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: rgba(146, 146, 146, 0.48);
}
}
2023-01-25 04:01:38 +00:00
.flexCol--divImgDescription{
margin-right: 22px;
@media (max-width: 1024px) {
margin-right: 0px;
}
2023-01-25 04:01:38 +00:00
}
2023-01-27 01:21:39 +00:00
.flexRow--divButtonBuy{
text-align: center;
width: 100%;
:global(.vtex-button){
background-color: black;
}
}