diff --git a/source/_static/img/icons/hybrid-cloud.svg b/source/_static/img/icons/hybrid-cloud.svg deleted file mode 100644 index 1e9b204a..00000000 --- a/source/_static/img/icons/hybrid-cloud.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/source/_static/scss/includes/_nav.scss b/source/_static/scss/includes/_nav.scss index e8563d61..09d5765c 100644 --- a/source/_static/scss/includes/_nav.scss +++ b/source/_static/scss/includes/_nav.scss @@ -41,10 +41,9 @@ } & > small { - color: var(--text-muted-color); + color: var(--nav-text-muted-color); font-weight: normal; font-size: 0.8rem; - opacity: 0.75; margin-top: 0.25rem; } @@ -158,11 +157,11 @@ position: relative; &:before { - height: 1px; + height: 4px; width: 100%; background-color: var(--nav-item-border-color); position: absolute; - bottom: -4px; + bottom: -18px; left: 0; content: ""; transform: translateY(5px); @@ -214,24 +213,31 @@ } } + .nav__dropdown--solutions, .nav__dropdown--product { &:hover { opacity: 1; pointer-events: auto; } - - max-width: 1200px; + width: 100%; transform: translateX(0); left: 0; - + + .nav__dropdown__inner { - padding: 2.5rem 2.25rem; + padding: 2.5rem; + display: grid; + gap: 1.25rem; } } - .nav__feature { - display: flex; + .nav__dropdown--product .nav__dropdown__inner { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .nav__dropdown--solutions .nav__dropdown__inner { + grid-template-columns: repeat(4, minmax(0, 1fr)); } .nav__column { diff --git a/source/_static/scss/includes/_theme.scss b/source/_static/scss/includes/_theme.scss index 1d4e9f25..7b23800d 100644 --- a/source/_static/scss/includes/_theme.scss +++ b/source/_static/scss/includes/_theme.scss @@ -81,6 +81,7 @@ $theme-properties: ( // Mainmenu --nav-bg: $white $dark-100, --nav-text-color: $white $text-dark-color, + --nav-text-muted-color: #1C1C1C #1C1C1C, --nav-item-border-color: $white $dark-500, --nav-item-arrow: url(../img/icons/nav-arrow.svg) url(../img/icons/nav-arrow-dark.svg), --nav-toggle-hover-border-color: $white $dark-500, diff --git a/source/_templates/top-navigation.html b/source/_templates/top-navigation.html index 8ca43f03..516d4864 100644 --- a/source/_templates/top-navigation.html +++ b/source/_templates/top-navigation.html @@ -17,105 +17,139 @@