diff --git a/store/blocks/home/breadcrumb/breadcrumb.json b/store/blocks/home/breadcrumb/breadcrumb.json new file mode 100644 index 0000000..748740b --- /dev/null +++ b/store/blocks/home/breadcrumb/breadcrumb.json @@ -0,0 +1,10 @@ +{ + "html#breadcrumb": { + "props": { + "tag": "section", + "testId": "breadcrumbs", + "blockClass": "pdp-breadcrumb" + }, + "children": ["breadcrumb"] + } +} diff --git a/styles/sass/pages/breadcrumb/vtex.breadcrumb.scss b/styles/sass/pages/breadcrumb/vtex.breadcrumb.scss new file mode 100644 index 0000000..c851321 --- /dev/null +++ b/styles/sass/pages/breadcrumb/vtex.breadcrumb.scss @@ -0,0 +1,47 @@ +.container { + display: flex; + font-size: 14px; + color: $color-gray6; + 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; + } + } + + .link--2 { + font-size: 0; + &::before { + content: "Sandália"; + font-family: "Open sans", sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 19px; + } + } + + .termArrow, + .term { + display: none; + } +} diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss deleted file mode 100644 index 9b28e0b..0000000 --- a/styles/sass/pages/product/vtex.breadcrumb.scss +++ /dev/null @@ -1,48 +0,0 @@ -.container { - font-size: 14px; - color: #929292; - margin: 0 15px; - - .homeIcon { - height: 0; - } - - .homeLink::after { - content: "Home"; - font-family: "Open sans", sans-serif; - font-weight: 400; - font-size: 14px; - line-height: 19px; - } - - .arrow--1::after { - content: "Sapatos"; - font-family: "Open sans", sans-serif; - font-weight: 400; - font-size: 14px; - line-height: 19px; - margin-left: 7px; - } - - .link--1 { - display: none; - } - - .arrow--2::after { - content: "Sandália"; - font-family: "Open sans", sans-serif; - font-weight: 400; - font-size: 14px; - line-height: 19px; - margin-left: 7px; - } - - .link--2 { - display: none; - } - - .termArrow, - .term { - display: none; - } -}