diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css index 9a31748..924e35d 100644 --- a/styles/css/vtex.breadcrumb.css +++ b/styles/css/vtex.breadcrumb.css @@ -22,8 +22,7 @@ } } .container .homeLink { - padding-right: 6px; - padding-left: 0; + padding: 0 12px 0 0; } .container .homeLink::before { content: "Home"; @@ -37,13 +36,37 @@ display: none; } .container .arrow { - padding: 0 6px; + align-items: center; + display: flex; + padding: 0 12px 0 0; +} +.container .arrow .caretIcon { + display: none; +} +.container .arrow ::before { + content: ">"; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #929292; + margin-right: 13px; } .container .arrow .link { - padding: 0 6px; + padding: 0; +} +.container .termArrow { + display: none; } .container .term { - padding: 0 6px; + padding: 0; +} +.container .term::before { + content: ">"; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #929292; + margin-right: 15px; } .container .link, .container .term { diff --git a/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss b/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss index 46f6866..ee6ff10 100644 --- a/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss +++ b/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss @@ -10,8 +10,7 @@ width: 71.858%; } .homeLink { - padding-right: 6px; - padding-left: 0; + padding: 0 12px 0 0; } .homeLink::before { @@ -28,14 +27,40 @@ } .arrow { - padding: 0 6px; + align-items: center; + display: flex; + padding: 0 12px 0 0; + .caretIcon { + display: none; + } + ::before { + content: ">"; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: $gray; + margin-right: 13px; + } .link { - padding: 0 6px; + padding: 0; } } - .term { - padding: 0 6px; + .termArrow { + display: none; + } + + .term{ + padding: 0; + } + + .term::before { + content: ">"; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: $gray; + margin-right: 15px; } .link,