luizfelipe9627/challenge-vtex-io-luiz-felipe
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: alterado a adicionado o breadcrumb.

Browse Source
This commit is contained in:
Luiz Felipe Silva 2023-02-10 07:29:07 -03:00
parent c9a06914fb
commit 99e819ca37
2 changed files with 74 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/css/vtex-breadcrumb.css Normal file
View File

@ -0,0 +1,20 @@
/*
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 */
:global(.vtex-breadcrumb-1-x-container) {
background-color: black;
}
:global(.vtex-breadcrumb-1-x-container--m3-product-breadcrumb) {
color: red;
}
.product-breadcrumb, .homeLink {
background-color: blue;
}

54
styles/css/vtex.breadcrumb.css Normal file
View File

@ -0,0 +1,54 @@
/*
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 {
display: flex;
}
.homeLink::after {
content: "Home";
}
.homeLink,
.link--1,
.link--2 {
text-transform: capitalize;
font-family: Open Sans;
font-size: 14px;
font-weight: 400;
line-height: 19px;
color: #929292;
}
.homeLink::after,
.link--1::after,
.link--2::after {
text-transform: capitalize;
font-family: Open Sans;
font-size: 14px;
font-weight: 400;
line-height: 19px;
color: #929292;
color: #929292;
}
.homeIcon,
.term {
display: none;
}
.link--1 {
font-size: 0;
}
.link--1::after {
content: "Sapatos";
}
.caretIcon:last-child {
display: none;
}