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);
|
color: rgba(146, 146, 146, 0.4784313725);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 1024px) {
|
@media only screen and (max-width: 1024px) {
|
||||||
.product-identifier__value {
|
.product-identifier__value {
|
||||||
|
@ -40,6 +40,11 @@
|
|||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.container .productNameContainer {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.skuSelectorContainer {
|
.skuSelectorContainer {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -61,3 +61,8 @@
|
|||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
margin: 0 40px 0 40px;
|
margin: 0 40px 0 40px;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.container--Descricao {
|
||||||
|
border-top: 1px solid;
|
||||||
|
}
|
||||||
|
}
|
@ -6,6 +6,7 @@
|
|||||||
color: #9292927a;
|
color: #9292927a;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
margin-bottom: 24px;
|
||||||
@include mq (md, max) {
|
@include mq (md, max) {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
@ -39,6 +39,15 @@ gap: 16px;
|
|||||||
height: 90px;
|
height: 90px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include mq (md, max) {
|
||||||
|
.productNameContainer {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// sku-selector
|
// sku-selector
|
||||||
|
@ -58,4 +58,8 @@
|
|||||||
.container--Descricao{
|
.container--Descricao{
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
margin: 0 40px 0 40px;
|
margin: 0 40px 0 40px;
|
||||||
|
|
||||||
|
@include mq (md, max) {
|
||||||
|
border-top: 1px solid;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user