challenge-vtex-io-carlos-wi.../styles/css/agenciamagma.store-theme.css

58 lines
1000 B
CSS

/*
0 - 600PX: Phone
600 - 900px: Table portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our nortal styles apply
1800px + : Big desktop
*/
/* Media Query M3 */
/* Grid breakpoints */
.html {
background-color: red;
}
.html--pdp-breadcrumb {
background-color: transparent;
}
.html--addButton {
width: 100%;
}
:global(.vtex-store-components-3-x-discountInsideContainer) {
display: none !important;
}
.html--prateleira-flexcol {
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 1024px) {
.html--prateleira-flexcol {
gap: 8px;
}
}
@media (min-width: 2560px) {
.html--prateleira-flexcol {
min-width: 434.4px;
min-height: 568.4px;
}
}
.html--slider-layout-wrapper {
max-width: 96rem;
margin: auto;
}
@media (min-width: 2560px) {
.html--slider-layout-wrapper {
margin: 0 350px !important;
max-width: 100%;
}
}
@media (max-width: 1024px) {
.html--cart-content {
flex-direction: column;
}
}