Update Current Navigation to version 1.1.3 with improved styling and updated asset validation
This commit is contained in:
@@ -3,14 +3,14 @@
|
||||
:global {
|
||||
#CurrentNavigationHost {
|
||||
width: 100%;
|
||||
border-top: 1px solid $ms-color-neutralLight;
|
||||
border-top: 1px solid "[theme: neutralLight, default: #edebe9]";
|
||||
}
|
||||
|
||||
.current-navigation {
|
||||
width: 100%;
|
||||
color: $ms-color-neutralPrimary;
|
||||
font-family: $ms-font-family-fallbacks;
|
||||
font-size: $ms-font-size-s;
|
||||
font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.current-navigation ul {
|
||||
@@ -29,6 +29,16 @@
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.current-navigation-row:hover,
|
||||
.current-navigation-row:focus-within {
|
||||
background: $ms-color-neutralLighter;
|
||||
color: $ms-color-themePrimary;
|
||||
}
|
||||
|
||||
.current-navigation-row:active {
|
||||
background: $ms-color-neutralLight;
|
||||
}
|
||||
|
||||
.current-navigation-toggle,
|
||||
.current-navigation-toggle-spacer {
|
||||
flex: 0 0 32px;
|
||||
@@ -44,13 +54,14 @@
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: $ms-color-neutralSecondary;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.current-navigation-toggle:hover {
|
||||
background: $ms-color-neutralLighter;
|
||||
color: $ms-color-neutralPrimary;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.current-navigation-chevron {
|
||||
@@ -59,7 +70,6 @@
|
||||
border-right: 1px solid currentColor;
|
||||
border-bottom: 1px solid currentColor;
|
||||
transform: rotate(-45deg);
|
||||
transition: transform 120ms ease;
|
||||
}
|
||||
|
||||
.current-navigation-item[aria-expanded='true'] > .current-navigation-row .current-navigation-chevron {
|
||||
@@ -82,8 +92,8 @@
|
||||
|
||||
.current-navigation-label:hover,
|
||||
.current-navigation-label:focus {
|
||||
background: $ms-color-neutralLighter;
|
||||
color: $ms-color-themePrimary;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.current-navigation-label:focus {
|
||||
@@ -101,10 +111,6 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.current-navigation-chevron { transition: none; }
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
.current-navigation-label:focus { outline: 2px solid CanvasText; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user