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

66 lines
1.1 KiB
SCSS
Raw Normal View History

2023-01-31 21:46:06 +00:00
.container--breadcrumb {
padding: 0;
margin: 16px 40px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
2023-01-24 18:13:48 +00:00
color: $color-gray6;
2023-01-31 21:46:06 +00:00
@media screen and (min-width: 1921px) {
margin-left: 360px;
margin-right: 360px;
}
2023-02-01 17:06:23 +00:00
.caretIcon--breadcrumb {
color: $color-gray6;
}
2023-01-31 21:46:06 +00:00
.homeIcon--breadcrumb {
display: none;
}
2023-01-31 21:46:06 +00:00
.homeLink--breadcrumb {
vertical-align: top;
padding: 0;
2023-02-01 17:06:23 +00:00
padding-left: 0;
&::after {
content: "Home";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
2023-02-01 17:06:23 +00:00
color: $color-gray6;
}
}
2023-01-24 18:13:48 +00:00
2023-01-31 21:46:06 +00:00
.link--breadcrumb--1 {
2023-02-01 17:06:23 +00:00
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 0;
2023-01-24 18:13:48 +00:00
font-size: 0;
2023-02-01 17:06:23 +00:00
color: $color-gray6;
2023-01-24 18:13:48 +00:00
&::after {
content: "Sapatos";
font-weight: 400;
font-size: 14px;
line-height: 19px;
2023-02-01 17:06:23 +00:00
color: $color-gray6;
2023-01-24 18:13:48 +00:00
}
}
2023-02-01 17:06:23 +00:00
.link--breadcrumb--2 {
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray6;
padding-top: 0;
padding-bottom: 0;
2023-02-01 17:06:23 +00:00
}
2023-01-31 21:46:06 +00:00
.termArrow--breadcrumb,
.term--breadcrumb {
2023-01-24 18:13:48 +00:00
display: none;
}
}