challenge-vtex-io-amanda-al.../react/components/Html/styles.css

81 lines
1.3 KiB
CSS

[class*="html--product-main"] {
display: flex;
gap: 32px;
padding: 16px 40px 0;
}
[class*="html--stack-layout"],
[class*="html--right-col"] {
width: 48.824%;
}
[class*="html--right-col"] {
display: flex;
flex-direction: column;
}
[class*="html--container-quantity-button"] {
display: flex;
gap: 10px;
}
[class*="html--cart-button"] {
width: 78.94%;
height: 49px;
}
[class*="html--prateleira"] {
padding: 16px 40px 64px;
}
[class*="html--price"] {
display: flex;
flex-direction: column;
margin-bottom: 32px;
}
[class*="html--sku-selector"] {
margin-top: 16px;
}
@media screen and (min-width: 1920px) {
[class*="html--product-main"] {
padding: 16px 360px 0;
}
[class*="html--prateleira"] {
padding: 16px 360px 64px;
}
}
@media screen and (max-width: 1024px) {
[class*="html--product-main"] {
flex-direction: column;
}
[class*="html--stack-layout"],
[class*="html--right-col"] {
width: 100%;
}
[class*="html--cart-button"] {
width: 85.39%;
}
}
@media screen and (max-width: 768px) {
[class*="html--container-quantity-button"] {
flex-direction: column;
}
[class*="html--cart-button"] {
width: 100%;
height: 74px;
}
[class*="html--shipping-simulator"] {
overflow-x: auto;
}
[class*="html--shipping-simulator"]::-webkit-scrollbar {
background-color: transparent;
}
}