diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css index 28c7d54..c0a25ad 100644 --- a/styles/css/vtex.breadcrumb.css +++ b/styles/css/vtex.breadcrumb.css @@ -11,12 +11,14 @@ padding: 16px 40px; margin: 0 auto; max-width: 96rem; - display: flex; align-items: center; } .container .homeLink .homeIcon { display: none; } +.container :global(.vtex-breadcrumb-1-x-link) { + font-size: 14px; +} .container .homeLink::before { content: "Home"; font-size: 16px; @@ -35,7 +37,7 @@ } .container .arrow--1 .link::before { content: "Sapatos"; - font-size: 16px; + font-size: 14px; color: #929292; } .container .arrow--1 .link:hover::before { diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 803aeb2..eb4866b 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -20,11 +20,21 @@ margin: 0; padding: 0; } +@media (max-width: 320px) { + .sliderLayoutContainer .sliderLeftArrow { + left: 10px; + } +} .sliderLayoutContainer .sliderRightArrow { right: 36px; margin: 0; padding: 0; } +@media (max-width: 320px) { + .sliderLayoutContainer .sliderRightArrow { + right: 10px; + } +} .sliderLayoutContainer .sliderTrackContainer { margin: 0 auto; width: 94%; diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss index bbf6964..e5df527 100644 --- a/styles/sass/pages/product/vtex.breadcrumb.scss +++ b/styles/sass/pages/product/vtex.breadcrumb.scss @@ -2,13 +2,15 @@ padding: 16px 40px; margin: 0 auto; max-width: 96rem; - display: flex; align-items: center; .homeLink { .homeIcon { display: none; } } +:global(.vtex-breadcrumb-1-x-link){ + font-size: 14px; +} .homeLink::before { content: 'Home'; font-size: 16px; @@ -29,8 +31,9 @@ } .link::before { content: 'Sapatos'; - font-size: 16px; + font-size: 14px; color: #929292; + } .link:hover::before { color: #0f3e99; diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index 9ddd4b3..6c97656 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -10,12 +10,18 @@ left: 36px; margin: 0; padding: 0; + @media (max-width: 320px){ + left: 10px; + } } .sliderRightArrow { right: 36px; margin: 0; padding: 0; + @media (max-width: 320px){ + right: 10px; + } } .sliderTrackContainer {