Gabriel_Lehmann/challenge-vtex-io-gabriel-lehmann
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: made breadcrumb

Browse Source
This commit is contained in:
Gabriel Ferreira Lehmann 2023-01-30 15:19:53 -03:00
parent c9a06914fb
commit fb60e727ff
5 changed files with 112 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/OpenSans-Bold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-Regular.ttf Normal file
View File

Binary file not shown.

10
styles/configs/font-faces.css Normal file
View File

@ -0,0 +1,10 @@
@font-face {
font-family: "Open Sans";
src: url(assets/fonts/OpenSans-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: "Open Sans";
src: url(assets/fonts/OpenSans-Bold.ttf);
font-weight: 700;
}

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: #929292;
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: #929292;
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;
}
}