anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: correção de estilos do breadcrumb

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-09 09:43:07 -03:00
parent 184abe43f6
commit 6e86c78bff
2 changed files with 59 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
styles/css/vtex.breadcrumb.css
View File

@ -22,8 +22,7 @@
} }
} }
.container .homeLink { .container .homeLink {
padding-right: 6px; padding: 0 12px 0 0;
padding-left: 0;
} }
.container .homeLink::before { .container .homeLink::before {
content: "Home"; content: "Home";
@ -37,13 +36,37 @@
display: none; display: none;
} }
.container .arrow { .container .arrow {
padding: 0 6px; align-items: center;
display: flex;
padding: 0 12px 0 0;
}
.container .arrow .caretIcon {
display: none;
}
.container .arrow ::before {
content: ">";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
margin-right: 13px;
} }
.container .arrow .link { .container .arrow .link {
padding: 0 6px; padding: 0;
}
.container .termArrow {
display: none;
} }
.container .term { .container .term {
padding: 0 6px; padding: 0;
}
.container .term::before {
content: ">";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
margin-right: 15px;
} }
.container .link, .container .link,
.container .term { .container .term {

35
styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss
View File

@ -10,8 +10,7 @@
width: 71.858%; width: 71.858%;
} }
.homeLink { .homeLink {
padding-right: 6px; padding: 0 12px 0 0;
padding-left: 0;
} }
.homeLink::before { .homeLink::before {
@ -28,14 +27,40 @@
} }
.arrow { .arrow {
padding: 0 6px; align-items: center;
display: flex;
padding: 0 12px 0 0;
.caretIcon {
display: none;
}
::before {
content: ">";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $gray;
margin-right: 13px;
}
.link { .link {
padding: 0 6px; padding: 0;
} }
} }
.termArrow {
display: none;
}
.term{ .term{
padding: 0 6px; padding: 0;
}
.term::before {
content: ">";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $gray;
margin-right: 15px;
} }
.link, .link,