MarcelloMartins/challenge-vtex-io-marcelllo-martins
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(breadCrumb): created breadcrumb

Browse Source
This commit is contained in:
Marcello Rodrigues Martins 2023-02-10 22:21:45 -03:00
parent 594c240fe7
commit 447b6dfd16
2 changed files with 102 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1,53 @@
@charset "UTF-8";
/*
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;
font-size: 14px;
color: gray;
margin: 0 40px;
}
.container .homeIcon {
height: 0;
display: none;
}
.container .homeLink::before {
content: "Home";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.container .link--1 {
font-size: 0;
}
.container .link--1::before {
content: "Sapatos";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
margin-left: 7px;
}
.container .link--2 {
font-size: 0;
}
.container .link--2::before {
content: "Sandália";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
margin-left: 7px;
}
.container .termArrow,
.container .term {
display: none;
}

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

@ -0,0 +1,49 @@
.container {
display: flex;
font-size: 14px;
color: gray;
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;
margin-left: 7px;
}
}
.link--2 {
font-size: 0;
&::before {
content: "Sandália";
font-family: "Open sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 19px;
margin-left: 7px;
}
}
.termArrow,
.term {
display: none;
}
}