{{#markdown}} ```scss $include-html-top-bar-classes: $include-html-classes; /* Background color for the top bar */ $topbar-bg: #111; /* Height and margin */ $topbar-height: 45px; $topbar-margin-bottom: rem-calc(30); /* Control Input height for top bar */ $topbar-input-height: 2.45em; /* Controlling the styles for the title in the top bar */ $topbar-title-weight: bold; $topbar-title-font-size: rem-calc(17); /* Style the top bar dropdown elements */ $topbar-dropdown-bg: #222; $topbar-dropdown-link-color: #fff; $topbar-dropdown-link-bg: #333; $topbar-dropdown-toggle-size: 5px; $topbar-dropdown-toggle-color: #fff; $topbar-dropdown-toggle-alpha: 0.5; /* Set the link colors and styles for top-level nav */ $topbar-link-color: #fff; $topbar-link-color-hover: #fff; $topbar-link-color-active: #fff; $topbar-link-color-active-hover: #fff; $topbar-link-weight: normal; $topbar-link-font-size: rem-calc(13); $topbar-link-hover-lightness: -10%; // Darken by 10% $topbar-link-bg-color-hover: #555555; $topbar-link-bg-hover: #272727 ; $topbar-link-bg-active: $primary-color; $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); $topbar-link-font-family: $body-font-family; $topbar-dropdown-label-color: #555; $topbar-dropdown-label-text-transform: uppercase; $topbar-dropdown-label-font-weight: bold; $topbar-dropdown-label-font-size: rem-calc(10); /* Top menu icon styles */ $topbar-menu-link-transform: uppercase; $topbar-menu-link-font-size: rem-calc(13); $topbar-menu-link-weight: bold; $topbar-menu-link-color: #fff; $topbar-menu-icon-color: #fff; $topbar-menu-link-color-toggled: #888; $topbar-menu-icon-color-toggled: #888; /* Transitions and breakpoint styles */ $topbar-transition-speed: 300ms; $topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout $topbar-media-query: $medium-up !default; /* Divider Styles */ $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); /* Sticky Class */ $topbar-sticky-class: ".sticky"; $topbar-arrows: true; //Set false to remove the triangle icon from the menu item ``` {{/markdown}}