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

PATH: home / lab2454c / fcxpro.com / wp-content / plugins / webon-core / inc / fullscreen-menu / assets / css / scss

/* ==========================================================================
   Full Screen Menu Opener styles
   ========================================================================== */
.qodef-header--minimal:not(.qodef-fullscreen-menu--opened) {
	.qodef-fullscreen-menu-opener{
		&:hover {
			&:before {
				width: 100%;
			}
		}
	}
}

.qodef-header--minimal.qodef-fullscreen-menu--opened {
	.qodef-fullscreen-menu-opener{
		&:hover {
			&:before {
				opacity: 0;
			}
		}
	}
}

.qodef-fullscreen-menu-opener {
	padding: 0 30px;
	right: -30px;

&:before {
		//content: '';
		@include qodefAbsoluteLayout();
		background-color: #f4f8fa;
		width: 0;
		transition: width .4s, opacity .15s;
	}

&.qodef-source--predefined {
		
		.qodef-fullscreen-menu-animate--in & {
			
			.qodef-m-line {
				
				&.qodef--1 {
					width: 26px;
					top: 11px;
					transform: rotate(45deg);
				}
				
				&.qodef--2 {
					width: 26px;
					top: 11px;
					transform: rotate(-45deg);
				}
				
				&.qodef--3 {
					display: none;
				}
			}
		}
	}
}

.qodef-fullscreen-menu--opened {
	
	.qodef-fullscreen-menu-opener {
		color: #fff;
		
		.qodef-m-icon {
			visibility: hidden;
			
			&.qodef--close {
				visibility: visible;
				display: flex;
				height: 100%;
				align-items: center;
				left: unset;
			}
		}
	}
	
	#qodef-page-header,
	#qodef-page-mobile-header {
		visibility: hidden;
	}
	
	.qodef-header-logo-link,
	.qodef-mobile-header-logo-link,
	.qodef-header-logo-image.qodef--customizer,
	.qodef-fullscreen-menu-opener {
		visibility: visible;
	}
	
	#qodef-page-header .qodef-header-logo-link img {
		
		&.qodef--light {
			opacity: 1;
		}
		
		&.qodef--main,
		&.qodef--dark {
			opacity: 0;
		}
	}
	
	#qodef-page-header-inner {
		
		&.qodef-skin--dark {
			
			.qodef-header-logo-link {
				
				img.qodef--main,
				img.qodef--dark {
					opacity: 0;
				}
				
				img.qodef--light {
					opacity: 1;
				}
			}
		}
	}
}

[+] ..
[-] _fullscreen-menu-default.scss [edit]
[-] _fullscreen-menu-opener-default.scss [edit]