estilização do mobile referencia de produtos

This commit is contained in:
Ueber James Santos 2023-02-08 20:36:13 -03:00
parent d0f1ff1f19
commit 1464ed4fc9
6 changed files with 25 additions and 0 deletions

View File

@ -14,6 +14,7 @@
color: rgba(146, 146, 146, 0.4784313725);
display: flex;
justify-content: flex-end;
margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
.product-identifier__value {

View File

@ -40,6 +40,11 @@
border-radius: 9px;
height: 90px;
}
@media only screen and (max-width: 1024px) {
.container .productNameContainer {
justify-content: flex-start;
}
}
.skuSelectorContainer {
display: flex;

View File

@ -60,4 +60,9 @@
.container--Descricao {
padding-top: 16px;
margin: 0 40px 0 40px;
}
@media only screen and (max-width: 1024px) {
.container--Descricao {
border-top: 1px solid;
}
}

View File

@ -6,6 +6,7 @@
color: #9292927a;
display: flex;
justify-content: flex-end;
margin-bottom: 24px;
@include mq (md, max) {
justify-content: flex-start;
}

View File

@ -39,6 +39,15 @@ gap: 16px;
height: 90px;
}
}
@include mq (md, max) {
.productNameContainer {
justify-content: flex-start;
}
}
}
// sku-selector

View File

@ -58,4 +58,8 @@
.container--Descricao{
padding-top: 16px;
margin: 0 40px 0 40px;
@include mq (md, max) {
border-top: 1px solid;
}
}