diff --git a/src/components/hy-breadcrumbs/hy-breadcrumbs.scss b/src/components/hy-breadcrumbs/hy-breadcrumbs.scss index 6c539421b4c65645055fb6b41e374c600d7adada..7751c6df4a50a42061742ce4cbe8195955a57d70 100644 --- a/src/components/hy-breadcrumbs/hy-breadcrumbs.scss +++ b/src/components/hy-breadcrumbs/hy-breadcrumbs.scss @@ -153,6 +153,12 @@ } } + .breadcrumb-item-caret { + svg { + fill: var(--grayscale-dark); + } + } + .breadcrumb-item-dropdown-button { display: flex; flex-direction: row; @@ -163,7 +169,7 @@ line-height: 10px; border-radius: 3px; background-color: var(--grayscale-white); - box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.1); + box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.3); padding: 0 25px 9px 10px; position: relative; @@ -193,7 +199,7 @@ &__is-open { background: var(--grayscale-white); - box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.1); + box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.2); display: block; margin-top: -9px; padding: 32px 16px 6px 16px; @@ -242,6 +248,19 @@ visibility: hidden; } + .breadcrumb-item.main, + .breadcrumb-item.intermediate, + .breadcrumb-item.home { + a { + min-height: 44px; + } + } + .breadcrumb-item.breadcrumb-item__current { + a { + min-height: 0; + } + } + #more, .more { display: none; @@ -263,13 +282,11 @@ @include font-size(26px, 26px); color: var(--grayscale-black); font-weight: 700; + } - //@todo change home icon to be 20px x 20px and be as in the specs - - .breadcrumb-item-caret { - // @todo set styles for caret near the home icon - // should be bold - // padding: 0 6px 0 8px; (mobile) && padding: 0 8px 0 10px (tablet + desktop); + .breadcrumb-item-caret { + svg { + fill: var(--grayscale-black); } } diff --git a/src/components/hy-main/hy-main.scss b/src/components/hy-main/hy-main.scss index d4563441f5704031f5f79a624dc62ec53a8a86b4..75901487c5e3d72d5e416fb58cfcd16e1f102388 100644 --- a/src/components/hy-main/hy-main.scss +++ b/src/components/hy-main/hy-main.scss @@ -1,6 +1,6 @@ .hy-main { display: flex; - margin: var(--gutter-mobile) auto; + //margin: var(--gutter-mobile) auto; max-width: $fullhd; padding: 0; width: 100%;