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

122 lines
2.4 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;
}
}
.flexRowContent {
padding: 0;
2023-01-26 21:21:01 +00:00
margin: 0;
}
.flexRowContent--divProductIndisponivel {
gap: 32px;
@media (max-width: 1024px) {
flex-direction: column;
}
}
.flexColChild--info-availability {
.flexRow--divNomeProduct {
text-align: end;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: #575757;
margin-bottom: 8px ;
@media (max-width: 1024px) {
text-align: left;
}
}
:global(.vtex-product-identifier-0-x-product-identifier) {
display: flex;
justify-content: flex-end;
align-items: end;
margin: 0;
margin-top: 8px;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: rgba(146, 146, 146, 0.48);
margin-bottom: 24px
}
@media (max-width: 1024px) {
:global(.vtex-product-identifier-0-x-product-identifier) {
display: block;
}
};
.flexCol--message-availability{
width: 100%;
.flexColChild--message-availability{
width: 100%;
}
}
}
.flexRowContent--divProduct {
gap: 32px;
@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;
margin-bottom: 8px;
@media (max-width: 1024px) {
text-align: left;
}
}
.flexRow--divNomeProductModelo {
text-align: end;
@media (max-width: 1024px) {
text-align: left;
}
:global(.vtex-product-identifier-0-x-product-identifier){
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: rgba(146, 146, 146, 0.48);
}
}
}
.flexCol--divImgDescription {
margin-right: 22px;
@media (max-width: 1024px) {
margin-right: 0px;
}
2023-01-25 04:01:38 +00:00
}
.flexRow--divButtonBuy {
2023-01-27 01:21:39 +00:00
text-align: center;
width: 100%;
:global(.vtex-button) {
2023-01-27 01:21:39 +00:00
background-color: black;
border: 0;
border-radius: 0;
2023-01-27 01:21:39 +00:00
}
}