361 lines
32 KiB
JavaScript
361 lines
32 KiB
JavaScript
/**
|
|
* This file adds some LIVE to the Customizer live preview. To leverage
|
|
* this, set your custom settings to 'postMessage' and then add your handling
|
|
* here. Your javascript should grab settings from customizer controls, and
|
|
* then make any necessary changes to the page using jQuery.
|
|
*
|
|
* @package Astra Addon
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
( function( $ ) {
|
|
|
|
/**
|
|
* Height
|
|
*/
|
|
wp.customize( 'astra-settings[below-header-height]', function( value ) {
|
|
value.bind( function( height ) {
|
|
|
|
var max_height = '26px';
|
|
var padding = '; padding-top: .8em; padding-bottom: .8em;';
|
|
if ( height >= 30 ) {
|
|
max_height = ( height - 8 ) + 'px';
|
|
}
|
|
if ( height < 60 ) {
|
|
padding = '; padding-top: .35em; padding-bottom: .35em;';
|
|
}
|
|
|
|
dynamicStyle = '.ast-below-header { line-height: ' + height + 'px;}';
|
|
dynamicStyle += '.ast-below-header-section-wrap { min-height: ' + height + 'px; }';
|
|
dynamicStyle += '.below-header-user-select .ast-search-menu-icon .search-field { max-height: ' + max_height + ';' + padding + ' }';
|
|
|
|
astra_add_dynamic_css( 'below-header-height', dynamicStyle );
|
|
|
|
$( document ).trigger( 'masthead-height-changed' );
|
|
} );
|
|
} );
|
|
|
|
/**
|
|
* Below Header Menu Bg colors & image
|
|
*/
|
|
|
|
astra_generate_outside_font_family_css( 'astra-settings[font-family-below-header-primary-menu]', '.ast-below-header-menu' );
|
|
astra_css( 'astra-settings[font-weight-below-header-primary-menu]', 'font-weight', '.ast-below-header-menu' );
|
|
astra_responsive_font_size( 'astra-settings[font-size-below-header-primary-menu]', '.ast-below-header-menu' );
|
|
astra_css( 'astra-settings[text-transform-below-header-primary-menu]', 'text-transform', '.ast-below-header-menu' );
|
|
|
|
astra_generate_outside_font_family_css( 'astra-settings[font-family-below-header-content]', '.below-header-user-select' );
|
|
astra_css( 'astra-settings[font-weight-below-header-content]', 'font-weight', '.below-header-user-select' );
|
|
astra_responsive_font_size( 'astra-settings[font-size-below-header-content]', '.below-header-user-select' );
|
|
astra_css( 'astra-settings[text-transform-below-header-content]', 'text-transform', '.below-header-user-select' );
|
|
|
|
astra_generate_outside_font_family_css( 'astra-settings[font-family-below-header-dropdown-menu]', '.ast-below-header .sub-menu' );
|
|
astra_css( 'astra-settings[font-weight-below-header-dropdown-menu]', 'font-weight', '.ast-below-header .sub-menu' );
|
|
astra_responsive_font_size( 'astra-settings[font-size-below-header-dropdown-menu]', '.ast-below-header .sub-menu' );
|
|
astra_css( 'astra-settings[text-transform-below-header-dropdown-menu]', 'text-transform', '.ast-below-header .sub-menu' );
|
|
|
|
|
|
astra_css( 'astra-settings[below-header-separator]', 'border-bottom-width', '.ast-below-header', 'px' );
|
|
astra_css( 'astra-settings[below-header-bottom-border-color]', 'border-bottom-color', '.ast-below-header' );
|
|
|
|
/**
|
|
* Above Header Responsive Background Image
|
|
*/
|
|
astra_apply_responsive_background_css( 'astra-settings[below-header-menu-bg-obj-responsive]', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-wrap .ast-below-header-actual-nav', 'desktop', '', 'mobile-below-header' );
|
|
astra_apply_responsive_background_css( 'astra-settings[below-header-menu-bg-obj-responsive]', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-wrap .ast-below-header-actual-nav', 'tablet', '', 'mobile-below-header' );
|
|
astra_apply_responsive_background_css( 'astra-settings[below-header-menu-bg-obj-responsive]', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-wrap .ast-below-header-actual-nav', 'mobile', '', 'mobile-below-header' );
|
|
/**
|
|
* Above header typography options
|
|
*
|
|
*/
|
|
astra_generate_outside_font_family_css( 'astra-settings[font-family-above-header-content]', '.ast-above-header-section .above-header-user-select' );
|
|
astra_css( 'astra-settings[font-weight-above-header-content]', 'font-weight', '.ast-above-header-section .above-header-user-select' );
|
|
astra_responsive_font_size( 'astra-settings[font-size-above-header-content]', '.ast-above-header-section .above-header-user-select' );
|
|
astra_css( 'astra-settings[text-transform-above-header-content]', 'text-transform', '.ast-above-header-section .above-header-user-select' );
|
|
/**
|
|
* Below Header Responsive Background Image
|
|
*/
|
|
|
|
astra_apply_responsive_background_css( 'astra-settings[below-header-bg-obj-responsive]', '.ast-below-header, .ast-header-break-point .ast-below-header', 'desktop', '.ast-below-header, .ast-below-header .sub-menu', 'mobile-below-header' );
|
|
astra_apply_responsive_background_css( 'astra-settings[below-header-bg-obj-responsive]', '.ast-below-header, .ast-header-break-point .ast-below-header', 'tablet', '.ast-below-header, .ast-below-header .sub-menu', 'mobile-below-header' );
|
|
astra_apply_responsive_background_css( 'astra-settings[below-header-bg-obj-responsive]', '.ast-below-header, .ast-header-break-point .ast-below-header', 'mobile', '.ast-below-header, .ast-below-header .sub-menu', 'mobile-below-header' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-text-color-responsive]', 'color', '.below-header-user-select, .below-header-user-select .widget,.below-header-user-select .widget-title' );
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-link-color-responsive]', 'color', '.below-header-user-select a, .below-header-user-select .ast-search-menu-icon .search-submit, .below-header-user-select .widget a' );
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-link-hover-color-responsive]', 'color', '.below-header-user-select a:hover, .below-header-user-select .widget a:hover' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-menu-text-color-responsive]', 'color', '.ast-below-header, .ast-below-header a, .ast-below-header-menu, .ast-below-header-menu .menu-link, .ast-header-break-point .ast-below-header-menu .current-menu-ancestor:hover > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu, .ast-header-break-point .ast-below-header-menu .menu-link, .ast-header-break-point .ast-below-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .menu-item.focus > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .current-menu-item > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .current-menu-ancestor > .ast-menu-toggle' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-menu-text-hover-color-responsive]', 'color', '.ast-below-header .menu-item:hover > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-menu-bg-hover-color-responsive]', 'background-color', '.ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-header-menu .menu-item.focus > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .menu-item .menu-link:hover, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .menu-item .menu-link:focus' );
|
|
|
|
astra_color_responsive_css( 'mobile-below-header-no-toggle-bg-color', 'astra-settings[below-header-menu-bg-hover-color-responsive]', 'background-color', '.ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-header-menu .menu-item.focus > .menu-link, .ast-header-break-point .ast-below-header-menu .menu-item:hover > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-current-menu-text-color-responsive]', 'color', '.ast-below-header .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-header .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .menu-item.current-menu-item > .menu-link, .ast-below-header .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-header .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' );
|
|
|
|
astra_color_responsive_css( 'mobile-below-header-no-toggle-current-color', 'astra-settings[below-header-current-menu-text-color-responsive]', 'color', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .ast-menu-toggle' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-current-menu-bg-color-responsive]', 'background-color', '.ast-below-header .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .menu-item.current-menu-item > .menu-link, .ast-below-header .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-header .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' );
|
|
|
|
astra_color_responsive_css( 'mobile-below-header-no-toggle-current-bg-color', 'astra-settings[below-header-current-menu-bg-color-responsive]',
|
|
'background-color', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .ast-menu-toggle' );
|
|
|
|
|
|
astra_color_responsive_css( 'mobile-below-header-no-toggle-color', 'astra-settings[below-header-menu-text-hover-color-responsive]', 'color', '.ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-header-menu .menu-item.focus > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-text-color-responsive]', 'color', '.ast-below-header .sub-menu, .ast-below-header .sub-menu .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-bg-color-responsive]', 'background-color', '.ast-below-header .sub-menu .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-hover-color-responsive]', 'color', '.ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'astra-settings[below-header-submenus-group]', 'below-header-submenu-hover-color-responsive', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle', 'color' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-bg-hover-color-responsive]', 'background-color', '.ast-below-header .sub-menu .menu-item:hover > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item .menu-link:hover' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-active-color-responsive]', 'color', '.ast-below-header .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'mobile-below-header-no-toggle-submenu-active-color', 'astra-settings[below-header-submenu-active-color-responsive]', 'color', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-active-bg-color-responsive]', 'background-color', '.ast-below-header .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
|
|
|
|
astra_css( 'astra-settings[below-header-submenu-border-color]', 'border-color', '.ast-below-header .sub-menu' );
|
|
astra_css( 'astra-settings[below-header-submenu-item-b-color]', 'border-color', '.ast-desktop .ast-below-header-menu.submenu-with-border .sub-menu .menu-link' );
|
|
/**
|
|
* Above Header Height
|
|
*/
|
|
wp.customize( 'astra-settings[above-header-height]', function( value ) {
|
|
value.bind( function( height ) {
|
|
|
|
var max_height = '26px';
|
|
var padding = '; padding-top: .8em; padding-bottom: .8em;';
|
|
if ( height >= 30 ) {
|
|
max_height = ( height - 6 ) + 'px';
|
|
}
|
|
if ( height < 60 ) {
|
|
padding = '; padding-top: .35em; padding-bottom: .35em;';
|
|
}
|
|
|
|
var dynamicStyle = '';
|
|
dynamicStyle += '.ast-above-header { line-height: ' + height + 'px; } ';
|
|
dynamicStyle += '.ast-above-header-section-wrap { min-height: ' + height + 'px; } ';
|
|
dynamicStyle += '.ast-above-header .ast-search-menu-icon .search-field { max-height: ' + max_height + ';' + padding + ' }';
|
|
|
|
astra_add_dynamic_css( 'above-header-height', dynamicStyle );
|
|
|
|
$( document ).trigger( 'masthead-height-changed' );
|
|
} );
|
|
} );
|
|
|
|
/**
|
|
* Above Header Responsive Background Image
|
|
*/
|
|
astra_apply_responsive_background_css( 'astra-settings[above-header-bg-obj-responsive]', '.ast-above-header, .ast-header-break-point .ast-above-header', 'desktop', '.ast-above-header, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul', 'mobile-above-header' );
|
|
|
|
astra_apply_responsive_background_css( 'astra-settings[above-header-bg-obj-responsive]', '.ast-header-break-point .ast-above-header', 'tablet', '.ast-above-header, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul', 'mobile-above-header' );
|
|
|
|
astra_apply_responsive_background_css( 'astra-settings[above-header-bg-obj-responsive]', '.ast-header-break-point .ast-above-header', 'mobile', '.ast-above-header, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul', 'mobile-above-header' );
|
|
|
|
/*
|
|
* Above header menu label
|
|
*/
|
|
|
|
wp.customize( 'astra-settings[above-header-menu-label]', function( setting ) {
|
|
setting.bind( function( label ) {
|
|
if( $('button.menu-above-header-toggle .mobile-menu-wrap .mobile-menu').length > 0 ) {
|
|
if ( label != '' ) {
|
|
$('button.menu-above-header-toggle .mobile-menu-wrap .mobile-menu').text(label);
|
|
} else {
|
|
$('button.menu-above-header-toggle .mobile-menu-wrap').remove();
|
|
}
|
|
} else {
|
|
var html = $('button.menu-above-header-toggle').html();
|
|
if( '' != label ) {
|
|
html += '<div class="mobile-menu-wrap"><span class="mobile-menu">'+ label +'</span> </div>';
|
|
}
|
|
$('button.menu-above-header-toggle').html( html )
|
|
}
|
|
} );
|
|
} );
|
|
|
|
/*
|
|
* Below header menu label
|
|
*/
|
|
wp.customize( 'astra-settings[below-header-menu-label]', function( setting ) {
|
|
setting.bind( function( label ) {
|
|
if( $('button.menu-below-header-toggle .mobile-menu-wrap .mobile-menu').length > 0 ) {
|
|
if ( label != '' ) {
|
|
$('button.menu-below-header-toggle .mobile-menu-wrap .mobile-menu').text(label);
|
|
} else {
|
|
$('button.menu-below-header-toggle .mobile-menu-wrap').remove();
|
|
}
|
|
} else {
|
|
var html = $('button.menu-below-header-toggle').html();
|
|
if( '' != label ) {
|
|
html += '<div class="mobile-menu-wrap"><span class="mobile-menu">'+ label +'</span> </div>';
|
|
}
|
|
$('button.menu-below-header-toggle').html( html )
|
|
}
|
|
} );
|
|
} );
|
|
|
|
/* In tabs */
|
|
astra_apply_responsive_background_css( 'astra-settings[above-header-menu-bg-obj-responsive]', '.ast-above-header-menu,.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu', 'desktop', '', 'mobile-above-header' );
|
|
astra_apply_responsive_background_css( 'astra-settings[above-header-menu-bg-obj-responsive]', '.ast-above-header-menu,.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu', 'tablet', '', 'mobile-above-header' );
|
|
astra_apply_responsive_background_css( 'astra-settings[above-header-menu-bg-obj-responsive]', '.ast-above-header-menu,.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu', 'mobile', '', 'mobile-above-header' );
|
|
|
|
astra_css( 'astra-settings[above-header-divider]', 'border-bottom-width', '.ast-above-header, .ast-header-break-point .ast-above-header-merged-responsive .ast-above-header', 'px' );
|
|
astra_css( 'astra-settings[above-header-divider-color]', 'border-bottom-color', '.ast-above-header, .ast-header-break-point .ast-above-header-merged-responsive .ast-above-header' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-text-color-responsive]', 'color', '.ast-above-header-section .user-select, .ast-above-header-section .widget, .ast-above-header-section .widget-title' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-link-color-responsive]', 'color', '.ast-above-header-section .user-select a, .ast-above-header-section .ast-search-menu-icon .search-submit, .ast-above-header-section .widget a, .ast-header-break-point .ast-above-header-section .user-select a, .ast-above-header-section .ast-header-break-point .ast-above-header-section .user-select a' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-link-h-color-responsive]', 'color', '.ast-above-header-section .user-select a:hover, .ast-above-header-section .widget a:hover, .ast-header-break-point .ast-above-header-section .user-select a:hover, .ast-above-header-section .ast-header-break-point .ast-above-header-section .user-select a:hover' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-color-responsive]', 'color', '.ast-above-header-navigation a' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-h-color-responsive]', 'color', '.ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-header-navigation .menu-item.focus > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-h-bg-color-responsive]', 'background-color', '.ast-above-header-navigation li:hover, .ast-above-header-navigation .menu-item:hover > .menu-link', 'background-color' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-active-color-responsive]', 'color', '.ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-text-color-responsive]', 'color', '.ast-above-header-menu .sub-menu, .ast-above-header-menu .sub-menu .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-bg-color-responsive]', 'background-color', '.ast-above-header-menu .sub-menu, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .sub-menu' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-hover-color-responsive]', 'color', '.ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-desktop .ast-above-header-navigation .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item .menu-link:hover, .ast-desktop .ast-above-header-navigation .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item .menu-link:focus' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-bg-hover-color-responsive]', 'background-color', '.ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item .menu-link:hover' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-active-color-responsive]', 'color', '.ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-active-bg-color-responsive]', 'background-color', '.ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'mobile-header-above-header-submenu-hover-color', 'astra-settings[above-header-submenu-hover-color-responsive]', 'color', '.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link' );
|
|
|
|
astra_color_responsive_css( 'mobile-header-above-header-submenu-active-color', 'astra-settings[above-header-submenu-active-color-responsive]', 'color', '.ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' );
|
|
|
|
astra_css( 'astra-settings[above-header-submenu-border-color]', 'border-color', '.ast-above-header .sub-menu, .ast-above-header .sub-menu .menu-link' );
|
|
astra_css( 'astra-settings[above-header-submenu-item-b-color]', 'border-color', '.ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu .menu-link' );
|
|
|
|
astra_generate_outside_font_family_css( 'astra-settings[above-header-font-family]', '.ast-above-header-menu' );
|
|
astra_css( 'astra-settings[above-header-font-weight]', 'font-weight', '.ast-above-header-menu' );
|
|
astra_responsive_font_size( 'astra-settings[above-header-font-size]', '.ast-above-header-menu' );
|
|
astra_css( 'astra-settings[above-header-text-transform]', 'text-transform', '.ast-above-header-menu' );
|
|
|
|
astra_generate_outside_font_family_css( 'astra-settings[font-family-above-header-dropdown-menu]', '.ast-above-header .sub-menu' );
|
|
astra_css( 'astra-settings[font-weight-above-header-dropdown-menu]', 'font-weight', '.ast-above-header .sub-menu' );
|
|
astra_responsive_font_size( 'astra-settings[font-size-above-header-dropdown-menu]', '.ast-above-header .sub-menu' );
|
|
astra_css( 'astra-settings[text-transform-above-header-dropdown-menu]', 'text-transform', '.ast-above-header .sub-menu' );
|
|
|
|
/**
|
|
* Above header submenu border
|
|
*/
|
|
wp.customize( 'astra-settings[above-header-submenu-border]', function( value ) {
|
|
value.bind( function( border ) {
|
|
if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
|
|
var dynamicStyle = '.ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
|
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
|
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
|
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
|
dynamicStyle += 'border-style: solid;';
|
|
dynamicStyle += '}';
|
|
dynamicStyle += '.ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu .sub-menu';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'top:-' + border.top + 'px;';
|
|
dynamicStyle += '}';
|
|
// Submenu items goes outside?
|
|
dynamicStyle += '@media (min-width: 769px){';
|
|
dynamicStyle += '.ast-above-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .ast-above-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'margin-left:-' + ( +border.left + +border.right ) + 'px;';
|
|
dynamicStyle += '}';
|
|
dynamicStyle += '}';
|
|
|
|
astra_add_dynamic_css( 'above-header-submenu-border', dynamicStyle );
|
|
} else {
|
|
wp.customize.preview.send( 'refresh' );
|
|
}
|
|
} );
|
|
} );
|
|
|
|
/**
|
|
* Above header submenu divider
|
|
*/
|
|
wp.customize( 'astra-settings[above-header-submenu-item-border]', function( value ) {
|
|
value.bind( function( border ) {
|
|
var color = wp.customize( 'astra-settings[above-header-submenu-item-b-color]' ).get();
|
|
if( true === border ) {
|
|
var dynamicStyle = '.ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu .menu-link';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'border-bottom-width:' + ( (true === border) ? '1px;' : '0px;' );
|
|
dynamicStyle += 'border-style: solid;';
|
|
dynamicStyle += 'border-color:' + color + ';';
|
|
dynamicStyle += '}';
|
|
|
|
astra_add_dynamic_css( 'above-header-submenu-item-border', dynamicStyle );
|
|
} else {
|
|
wp.customize.preview.send( 'refresh' );
|
|
}
|
|
} );
|
|
} );
|
|
|
|
/**
|
|
* Below header submenu border
|
|
*/
|
|
wp.customize( 'astra-settings[below-header-submenu-border]', function( value ) {
|
|
value.bind( function( border ) {
|
|
if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
|
|
var dynamicStyle = '.ast-desktop .ast-below-header-menu.submenu-with-border .sub-menu';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
|
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
|
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
|
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
|
dynamicStyle += 'border-style: solid;';
|
|
dynamicStyle += '}';
|
|
dynamicStyle += '.ast-desktop .ast-below-header-menu.submenu-with-border .sub-menu .sub-menu';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'top:-' + border.top + 'px;';
|
|
dynamicStyle += '}';
|
|
// Submenu items goes outside?
|
|
dynamicStyle += '@media (min-width: 769px){';
|
|
dynamicStyle += '.ast-below-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .ast-below-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'margin-left:-' + ( +border.left + +border.right ) + 'px;';
|
|
dynamicStyle += '}';
|
|
dynamicStyle += '}';
|
|
|
|
astra_add_dynamic_css( 'below-header-submenu-border', dynamicStyle );
|
|
} else {
|
|
wp.customize.preview.send( 'refresh' );
|
|
}
|
|
} );
|
|
} );
|
|
/**
|
|
* below header submenu divider
|
|
*/
|
|
wp.customize( 'astra-settings[below-header-submenu-item-border]', function( value ) {
|
|
value.bind( function( border ) {
|
|
var color = wp.customize( 'astra-settings[below-header-submenu-item-b-color]' ).get();
|
|
if( true === border ) {
|
|
var dynamicStyle = '.ast-desktop .ast-below-header-menu.submenu-with-border .sub-menu .menu-link';
|
|
dynamicStyle += '{';
|
|
dynamicStyle += 'border-bottom-width:' + ( (true === border) ? '1px;' : '0;' );
|
|
dynamicStyle += 'border-style: solid;';
|
|
dynamicStyle += 'border-color:' + color + ';';
|
|
dynamicStyle += '}';
|
|
|
|
astra_add_dynamic_css( 'below-header-submenu-item-border', dynamicStyle );
|
|
} else {
|
|
wp.customize.preview.send( 'refresh' );
|
|
}
|
|
} );
|
|
} );
|
|
|
|
} )( jQuery );
|