challenge-vtex-io-henrique-.../styles/sass/pages/product/vtex.breadcrumb.scss

58 lines
745 B
SCSS

.container {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
align-items: baseline;
@media screen and (min-width: 1025px) {
width: 94.44444444444444%;
padding: 0;
margin: 0 auto;
}
@media screen and (min-width: 1921px) {
width: 68.75%;
}
}
.termArrow {
padding: 0;
.caretIcon {
display: none;
}
}
.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;
}
}