feat: breadcrumb alterado, ajustes no responsivo
This commit is contained in:
parent
c117e3be4c
commit
0b41e3deae
@ -10,3 +10,9 @@
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 375px) {
|
||||
|
||||
[class*="html--cart-button"] {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
36
styles/css/vtex.breadcrumb.css
Normal file
36
styles/css/vtex.breadcrumb.css
Normal file
@ -0,0 +1,36 @@
|
||||
/*
|
||||
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 */
|
||||
.container {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.homeLink .homeIcon {
|
||||
display: none;
|
||||
}
|
||||
.homeLink::before {
|
||||
content: "Home";
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
.link--1,
|
||||
.link--2,
|
||||
.link--3 {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
color: #929292;
|
||||
}
|
@ -123,6 +123,11 @@
|
||||
right: 0px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
||||
position: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.shareContainer {
|
||||
display: none;
|
||||
@ -270,6 +275,10 @@
|
||||
color: #B9B9B9;
|
||||
}
|
||||
|
||||
.productImageTag--produto-carrossel--main {
|
||||
max-height: inherit !important;
|
||||
}
|
||||
|
||||
.productImageTag--description-imagem {
|
||||
max-height: 100% !important;
|
||||
}
|
||||
|
32
styles/sass/pages/product/vtex.breadcrumb.scss
Normal file
32
styles/sass/pages/product/vtex.breadcrumb.scss
Normal file
@ -0,0 +1,32 @@
|
||||
.container{
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.homeLink {
|
||||
.homeIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "Home";
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
|
||||
color: #929292;
|
||||
}
|
||||
}
|
||||
|
||||
.link--1,
|
||||
.link--2,
|
||||
.link--3 {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
|
||||
color: #929292;
|
||||
}
|
@ -98,6 +98,9 @@
|
||||
@media screen and (max-width: 1024px) {
|
||||
right: 0px;
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
position: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.shareContainer {
|
||||
@ -231,6 +234,9 @@
|
||||
color: #B9B9B9;
|
||||
}
|
||||
|
||||
.productImageTag--produto-carrossel--main{
|
||||
max-height: inherit !important;
|
||||
}
|
||||
|
||||
|
||||
.productImageTag--description-imagem{
|
||||
|
Loading…
Reference in New Issue
Block a user