ThiagoDutraSampaioLeite/challenge-vtex-io-thiago-dutra
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:#1 breadCrumb espacamento

Browse Source
This commit is contained in:
ThiagoDuutra 2023-02-08 11:35:40 -03:00
parent 9dbdab8812
commit 731da7d926
3 changed files with 57 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
store/blocks/home/breadcrumb/breadcrumb.json Normal file
View File

@ -0,0 +1,10 @@
{
"html#breadcrumb": {
"props": {
"tag": "section",
"testId": "breadcrumbs",
"blockClass": "pdp-breadcrumb"
},
"children": ["breadcrumb"]
}
}

47
styles/sass/pages/breadcrumb/vtex.breadcrumb.scss Normal file
View File

@ -0,0 +1,47 @@
.container {
display: flex;
font-size: 14px;
color: $color-gray6;
margin: 0 40px;
.homeIcon {
height: 0;
display: none;
}
.homeLink {
&::before {
content: "Home";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
}
.link--1 {
font-size: 0;
&::before {
content: "Sapatos";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
}
.link--2 {
font-size: 0;
&::before {
content: "Sandália";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
}
.termArrow,
.term {
display: none;
}
}

48
styles/sass/pages/product/vtex.breadcrumb.scss
View File

@ -1,48 +0,0 @@
.container {
font-size: 14px;
color: #929292;
margin: 0 15px;
.homeIcon {
height: 0;
}
.homeLink::after {
content: "Home";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.arrow--1::after {
content: "Sapatos";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
margin-left: 7px;
}
.link--1 {
display: none;
}
.arrow--2::after {
content: "Sandália";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
margin-left: 7px;
}
.link--2 {
display: none;
}
.termArrow,
.term {
display: none;
}
}