MAINHACK

Viewing / Editing File: __menu.scss

/* FILE: custom/__menu.scss */

//
// Navigational menus colors
//

.main-navigation {
	border-color: map_get( $customize_options, 'color-navigation-border' ); // Plus
	border-color: var(--color-navigation-border); // Plus

li ul {
		background-color: map_get( $customize_options, 'color-navigation' ); // Plus
		color: map_get( $customize_options, 'color-navigation-text' ); // Plus
		background-color: var(--color-navigation); // Plus
		color: var(--color-navigation-text); // Plus
	}

.nav-menu li li {

&:hover > a,
		& > a:hover,
		&.active-menu-item > a {
			background-color: map_get( $customize_options, 'color-navigation-border' ); // Plus
			background-color: var(--color-navigation-border); // Plus
		}

}

@include responsive( map_get( $breakpoint, 'l' ), 'max-width' ) {

.main-navigation {

&-inner {
			background-color: map_get( $customize_options, 'color-navigation' ); // Plus
			background-color: var(--color-navigation); // Plus
		}

ul a {
			color: map_get( $customize_options, 'color-navigation-text' ); // Plus
			color: var(--color-navigation-text); // Plus
		}

.nav-menu {

a:hover,
			li:hover > a,
			li li:hover > a,
			li.active-menu-item > a,
			li li.active-menu-item > a {
				background: transparent; //*
				color: map_get( $customize_options, 'color-navigation-text' ); // Plus
				color: var(--color-navigation-text); // Plus
			}

li.current-menu-item > a,
			li li.current-menu-item > a {
				background-color: map_get( $customize_options, 'color-navigation-border' ); // Plus
				background-color: var(--color-navigation-border); // Plus
			}

}

.menu-toggle {

&,
		&:hover,
		&:active,
		&:focus {
			background: transparent; //*
		}

&::before {
			background: map_get( $customize_options, 'color-accent' );
			background: var(--color-accent);
		}

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: __menu.scss

Server Info

System Features

User Info