ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / fcxpro.com / wp-content / plugins / webon-core / inc / header / layouts / standard / assets / css / scss

/* ==========================================================================
   Header layout styles
   ========================================================================== */

$left-right-spacing: 12px;

.qodef-widget-background,
.qodef-main-menu-background {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	height: 100%;
	z-index: -1;
	transition: width .4s, left .6s cubic-bezier(0.25, 0.1, 0.11, .99);
	background-color: #f4f8fa;
	pointer-events: none;
}

#qodef-page-header-inner {
	&.qodef-menu-skin--light {
		
		.qodef-widget-background,
		.qodef-main-menu-background {
			background-color: #fff;
		}
	}

&.qodef-menu-skin--gray{

.qodef-widget-background,
		.qodef-main-menu-background {
			background-color: rgba(#fff,.2);
		}
	}

&.qodef-menu-skin--dark {
		.qodef-widget-background,
		.qodef-main-menu-background {
			background-color: $header-dark-skin-hover-background-color;
		}
	}

.qodef-header-standard--right & {

.qodef-header-navigation {
			margin-left: auto;
		}
	}

.qodef-header-standard--center & {

.qodef-header-wrapper {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 100%;
		}

.qodef-header-logo {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			display: inline-flex;
			align-items: center;
		}

.qodef-header-navigation {
			margin-left: auto;
			margin-right: auto;
		}

.qodef-widget-holder {
			position: absolute;
			top: 0;
			right: -30px;
			margin-left: 0;
		}
	}

.qodef-header-standard--left & {

.qodef-header-navigation {
			margin-right: auto;
		}

.qodef-header-logo-link {
			margin-right: $left-right-spacing * 2;
		}
	}
}

[+] ..
[-] _standard-default.scss [edit]