HenriqueSantosSantana/challenge-vtex-io-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(pdp/breadcrumb): finished styles in fonts

Browse Source
This commit is contained in:
Henrique Santos Santana 2023-01-21 19:09:43 -03:00
parent f29c897da7
commit 5d4f3b6cb0
4 changed files with 56 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/css/agenciamagma.store-theme.css
View File

@ -8,6 +8,6 @@
/* Media Query M3 */
/* Grid breakpoints */
.html--pdp-breadcrumb {
width: 271.25px;
width: 100%;
padding: 0 40px;
}

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

@ -9,16 +9,10 @@
/* Grid breakpoints */
.container {
width: 100%;
display: flex;
display: inline-flex;
flex-wrap: wrap;
}
.homeLink::before {
content: "Home";
}
.arrow {
display: block;
flex-basis: 100%;
align-items: baseline;
}
.termArrow {
@ -31,3 +25,23 @@
.term {
font-size: 0;
}
.homeLink::before {
content: "Home";
font-size: 14px;
line-height: 20.12px;
}
.arrow--1 .link {
font-size: 0;
}
.arrow--1 .link::before {
content: "Sapatos";
font-size: 14px;
line-height: 20.12px;
}
.arrow--2 .link {
font-size: 14px;
line-height: 20.12px;
}

4
styles/sass/pages/product/agenciamagma.store-theme.scss
View File

@ -1,6 +1,4 @@
$containers: ();
.html--pdp-breadcrumb {
width: 271.25px;
width: 100%;
padding: 0 40px;
}

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

@ -1,20 +1,9 @@
.container {
width: 100%;
display: flex;
display: inline-flex;
flex-wrap: wrap;
}
.homeLink {
&::before {
content: "Home";
}
}
.arrow-1 {
}
.arrow {
display: block;
flex-basis: 100%;
align-items: baseline;
}
.termArrow {
@ -28,3 +17,31 @@
.term {
font-size: 0;
}
// manipulation fonts with before
.homeLink {
&::before {
content: "Home";
font-size: 14px;
line-height: 20.12px;
}
}
.arrow--1 {
.link {
font-size: 0;
&::before {
content: "Sapatos";
font-size: 14px;
line-height: 20.12px;
}
}
}
.arrow--2 {
.link {
font-size: 14px;
line-height: 20.12px;
}
}