estilização do mobile referencia de produtos
This commit is contained in:
parent
d0f1ff1f19
commit
1464ed4fc9
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
@ -6,6 +6,7 @@
|
||||
color: #9292927a;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-bottom: 24px;
|
||||
@include mq (md, max) {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
@ -39,6 +39,15 @@ gap: 16px;
|
||||
height: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
@include mq (md, max) {
|
||||
.productNameContainer {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// sku-selector
|
||||
|
@ -58,4 +58,8 @@
|
||||
.container--Descricao{
|
||||
padding-top: 16px;
|
||||
margin: 0 40px 0 40px;
|
||||
|
||||
@include mq (md, max) {
|
||||
border-top: 1px solid;
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user