/home/arranoyd/telegastro/wp-content/themes/dt-the7/inc/less-vars.php
<?php
/**
* Description here.
*/
// File Security Check
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
/**
* @param The7_Less_Vars_Manager_Interface $less_vars
*/
function presscore_action_add_less_vars( The7_Less_Vars_Manager_Interface $less_vars ) {
/**
* @var string $first_accent_color
* @var The7_Less_Gradient $accent_gradient_obj
*/
list( $first_accent_color, $accent_gradient_obj ) = the7_less_get_accent_colors( $less_vars );
$last_accent_color = $accent_gradient_obj->get_last_color_stop()->get_color();
$less_vars->add_keyword( 'accent-bg-filter-switch', $accent_gradient_obj->with_opacity( 20 )->get_string() );
$less_vars->add_keyword( 'accent-bg-scroller-arrow', $accent_gradient_obj->with_opacity( 90 )->get_string() );
$less_vars->add_keyword( 'accent-text-color-2', $accent_gradient_obj->with_angle( 'left' )->get_string() );
$less_vars->add_rgba_color( 'accent-bg-2', $last_accent_color );
// Last color stops.
$last_color_stops = array(
'microwidget-button-color-last' => array(
'mode' => 'header-elements-button-1-icon-color',
'gradient' => 'header-elements-button-1-icon-color-gradient',
),
'microwidget-button-hover-color-last' => array(
'mode' => 'header-elements-button-1-hover-icon-color',
'gradient' => 'header-elements-button-1-hover-icon-color-gradient',
),
'microwidget-button-2-color-last' => array(
'mode' => 'header-elements-button-2-icon-color',
'gradient' => 'header-elements-button-2-icon-color-gradient',
),
'microwidget-button-2-hover-color-last' => array(
'mode' => 'header-elements-button-2-hover-icon-color',
'gradient' => 'header-elements-button-2-hover-icon-color-gradient',
),
'menu-hover-last-color' => array(
'mode' => 'header-menu-hover-font-color-style',
'gradient' => 'header-menu-hover-font-gradient',
'color' => 'header-menu-hover-font-color',
),
'menu-active-last-color' => array(
'mode' => 'header-menu-active_item-font-color-style',
'gradient' => 'header-menu-active_item-font-gradient',
'color' => 'header-menu-active_item-font-color',
),
'floating-menu-hover-last-color' => array(
'mode' => 'header-floating_navigation-font-hover',
'gradient' => 'header-floating_navigation-hover-font-gradient',
'color' => 'header-floating_navigation-hover-font-color',
),
'floating-menu-active-last-color' => array(
'mode' => 'header-floating_navigation-font-active',
'gradient' => 'header-floating_navigation-active_item-font-gradient',
'color' => 'header-floating_navigation-active_item-font-color',
),
);
foreach ( $last_color_stops as $v => $opt ) {
switch ( of_get_option( $opt['mode'] ) ) {
case 'accent':
$less_vars->add_rgba_color( $v, $last_accent_color ? $last_accent_color : $first_accent_color );
break;
case 'gradient':
$less_vars->add_rgba_color( $v, the7_less_create_gradient_obj( of_get_option( $opt['gradient'] ) )->get_last_color_stop()->get_color() );
break;
default:
$color = false;
if ( isset( $opt['color'] ) ) {
$color = of_get_option( $opt['color'] );
}
$less_vars->add_rgba_color( $v, $color );
}
}
$conditional_color_map = array(
array(
'vars' => array( 'beautiful-loading-bg', 'beautiful-loading-bg-2' ),
'test_args' => array(
'general-fullscreen_overlay_color_mode',
'general-fullscreen_overlay_color',
'general-fullscreen_overlay_gradient',
),
'opacity' => 'general-fullscreen_overlay_opacity',
),
array(
'vars' => array( 'top-icons-bg-color', 'top-icons-bg-color-2' ),
'test_args' => array(
'header-elements-soc_icons-bg',
'header-elements-soc_icons-bg-color',
'header-elements-soc_icons-bg-gradient',
),
),
array(
'vars' => array( 'top-icons-border-color' ),
'test_args' => array(
'header-elements-soc_icons-border',
'header-elements-soc_icons-border-color',
'header-elements-soc_icons-border-gradient',
),
),
array(
'vars' => array( 'top-icons-bg-color-hover', 'top-icons-bg-color-hover-2' ),
'test_args' => array(
'header-elements-soc_icons-hover-bg',
'header-elements-soc_icons-hover-bg-color',
'header-elements-soc_icons-hover-bg-gradient',
),
),
array(
'vars' => array( 'top-icons-border-color-hover' ),
'test_args' => array(
'header-elements-soc_icons-hover-border',
'header-elements-soc_icons-hover-border-color',
'header-elements-soc_icons-border-hover-gradient',
),
),
array(
'vars' => array( 'sticky-header-overlay-bg', 'sticky-header-overlay-bg-2' ),
'test_args' => array(
'header-slide_out-overlay-bg-color-style',
'header-slide_out-overlay-bg-color',
'header-slide_out-overlay-bg-gradient',
),
'opacity' => 'header-slide_out-overlay-bg-opacity',
),
array(
'vars' => array( 'rollover-bg-color', 'rollover-bg-color-2' ),
'test_args' => array(
'image_hover-color_mode',
'image_hover-color',
'image_hover-color_gradient',
),
'opacity' => 'image_hover-opacity',
),
array(
'vars' => array( 'project-rollover-bg-color', 'project-rollover-bg-color-2' ),
'test_args' => array(
'image_hover-project_rollover_color_mode',
'image_hover-project_rollover_color',
'image_hover-project_rollover_color_gradient',
),
'opacity' => 'image_hover-project_rollover_opacity',
),
array(
'vars' => array( 'menu-line-decor-color', 'menu-line-decor-color-2' ),
'test_args' => array(
'header-menu-decoration-other-hover-line-color-style',
'header-menu-decoration-other-hover-line-color',
'header-menu-decoration-other-hover-line-gradient',
),
'opacity' => 'header-menu-decoration-other-hover-line-opacity',
'gradient_angle' => 'left',
),
array(
'vars' => array( 'menu-hover-decor-color', 'menu-hover-decor-color-2' ),
'test_args' => array(
'header-menu-decoration-other-hover-line-color-style',
'header-menu-decoration-other-hover-line-color',
'header-menu-decoration-other-hover-line-gradient',
),
'opacity' => 'header-menu-decoration-other-hover-line-opacity',
),
array(
'vars' => array( 'menu-active-decor-color', 'menu-active-decor-color-2' ),
'test_args' => array(
'header-menu-decoration-other-active-color-style',
'header-menu-decoration-other-active-color',
'header-menu-decoration-other-active-gradient',
),
'opacity' => 'header-menu-decoration-other-active-opacity',
),
array(
'vars' => array( 'menu-active-line-decor-color', 'menu-active-line-decor-color-2' ),
'test_args' => array(
'header-menu-decoration-other-active-line-color-style',
'header-menu-decoration-other-active-line-color',
'header-menu-decoration-other-active-line-gradient',
),
'opacity' => 'header-menu-decoration-other-active-line-opacity',
'gradient_angle' => 'left',
),
array(
'vars' => array( 'menu-hover-color', 'menu-hover-color-2' ),
'test_args' => array(
'header-menu-hover-font-color-style',
'header-menu-hover-font-color',
'header-menu-hover-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'menu-active-color', 'menu-active-color-2' ),
'test_args' => array(
'header-menu-active_item-font-color-style',
'header-menu-active_item-font-color',
'header-menu-active_item-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'floating-menu-color' ),
'test_args' => array(
'header-floating_navigation-font-normal',
'header-floating_navigation-font-color',
null,
),
),
array(
'vars' => array( 'floating-menu-color-hover', 'floating-menu-color-hover-2' ),
'test_args' => array(
'header-floating_navigation-font-hover',
'header-floating_navigation-hover-font-color',
'header-floating_navigation-hover-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'floating-menu-color-active', 'floating-menu-color-active-2' ),
'test_args' => array(
'header-floating_navigation-font-active',
'header-floating_navigation-active_item-font-color',
'header-floating_navigation-active_item-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'menu-click-decor-bg-color', 'menu-click-decor-bg-color-2' ),
'test_args' => array(
'header-menu-decoration-other-click_decor-color-style',
'header-menu-decoration-other-click_decor-color',
'header-menu-decoration-other-click_decor-gradient',
),
'opacity' => 'header-menu-decoration-other-click_decor-opacity',
),
array(
'vars' => array( 'submenu-hover-color', 'submenu-hover-color-2' ),
'test_args' => array(
'header-menu-submenu-hover-font-color-style',
'header-menu-submenu-hover-font-color',
'header-menu-submenu-hover-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'submenu-active-color', 'submenu-active-color-2' ),
'test_args' => array(
'header-menu-submenu-active-font-color-style',
'header-menu-submenu-active-font-color',
'header-menu-submenu-active-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'megamenu-title-hover-color', 'megamenu-title-hover-color-2' ),
'test_args' => array(
'header-mega-menu-title-hover-font-color-style',
'header-mega-menu-title-hover-font-color',
'header-mega-menu-title-hover-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'megamenu-title-active-color', 'megamenu-title-active-color-2' ),
'test_args' => array(
'header-mega-menu-title-active_item-font-color-style',
'header-mega-menu-title-active_item-font-color',
'header-mega-menu-title-active_item-font-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'mobile-menu-active-color', 'mobile-menu-active-color-2' ),
'test_args' => array(
'header-mobile-menu-font-hover-color-style',
'header-mobile-menu-font-hover-color',
'header-mobile-menu-font-hover-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'mobile-menu-hover-color', 'mobile-menu-hover-color-2' ),
'test_args' => array(
'header-mobile-menu-font-hover-color-style',
'header-mobile-menu-font-hover-color',
'header-mobile-menu-font-hover-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'dt-btn-bg-color', 'dt-btn-bg-color-2' ),
'test_args' => array(
'buttons-color_mode',
'buttons-color',
'buttons-color_gradient',
),
),
array(
'vars' => array( 'dt-btn-hover-bg-color', 'dt-btn-hover-bg-color-2' ),
'test_args' => array(
'buttons-hover_color_mode',
'buttons-hover_color',
'buttons-hover_color_gradient',
),
),
array(
'vars' => array( 'dt-btn-border-color' ),
'test_args' => array(
'buttons-border-color_mode',
'buttons-border-color',
null,
),
),
array(
'vars' => array( 'dt-btn-border-hover-color' ),
'test_args' => array(
'buttons-hover-border-color_mode',
'buttons-hover-border-color',
null,
),
),
array(
'vars' => array( 'dt-btn-color' ),
'test_args' => array(
'buttons-text_color_mode',
'buttons-text_color',
null,
),
),
array(
'vars' => array( 'dt-btn-hover-color' ),
'test_args' => array(
'buttons-text_hover_color_mode',
'buttons-text_hover_color',
null,
),
),
array(
'vars' => array( 'page-title-bg-color', 'page-title-bg-color-2' ),
'test_args' => array(
'general-title_bg_mode',
'general-title_bg_color',
'general-title_bg_gradient',
),
),
array(
'vars' => array( 'submenu-hover-bg', 'submenu-hover-bg-2' ),
'test_args' => array(
'header-menu-submenu-hover-bg-color-style',
'header-menu-submenu-hover-bg-color',
'header-menu-submenu-hover-bg-gradient',
),
'opacity' => 'header-menu-submenu-hover-bg-opacity',
),
array(
'vars' => array( 'submenu-active-bg', 'submenu-active-bg-2' ),
'test_args' => array(
'header-menu-submenu-active-bg-color-style',
'header-menu-submenu-active-bg-color',
'header-menu-submenu-active-bg-gradient',
),
'opacity' => 'header-menu-submenu-active-bg-opacity',
),
array(
'vars' => array( 'microwidget-button-color', 'microwidget-button-color-2' ),
'test_args' => array(
'header-elements-button-1-icon-color',
'header-elements-button-1-icon-color-mono',
'header-elements-button-1-icon-color-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'microwidget-button-hover-color', 'microwidget-button-hover-color-2' ),
'test_args' => array(
'header-elements-button-1-hover-icon-color',
'header-elements-button-1-hover-icon-color-mono',
'header-elements-button-1-hover-icon-color-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'microwidget-button-border-color', 'microwidget-button-border-color-2' ),
'test_args' => array(
'header-elements-button-1-border-color',
'header-elements-button-1-border-color-mono',
null,
),
),
array(
'vars' => array( 'microwidget-button-hover-border-color', 'microwidget-button-hover-border-color-2' ),
'test_args' => array(
'header-elements-button-1-hover-border-color',
'header-elements-button-1-hover-border-color-mono',
null,
),
),
array(
'vars' => array( 'microwidget-button-bg', 'microwidget-button-bg-2' ),
'test_args' => array(
'header-elements-button-1-bg',
'header-elements-button-1-bg-color',
'header-elements-button-1-bg-gradient',
),
),
array(
'vars' => array( 'microwidget-button-hover-bg', 'microwidget-button-hover-bg-2' ),
'test_args' => array(
'header-elements-button-1-hover-bg',
'header-elements-button-1-hover-bg-color',
'header-elements-button-1-hover-bg-gradient',
),
),
array(
'vars' => array( 'microwidget-button-2-color', 'microwidget-button-2-color-2' ),
'test_args' => array(
'header-elements-button-2-icon-color',
'header-elements-button-2-icon-color-mono',
'header-elements-button-2-icon-color-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'microwidget-button-2-hover-color', 'microwidget-button-2-hover-color-2' ),
'test_args' => array(
'header-elements-button-2-hover-icon-color',
'header-elements-button-2-hover-icon-color-mono',
'header-elements-button-2-hover-icon-color-gradient',
),
'gradient_angle' => 'left',
),
array(
'vars' => array( 'microwidget-button-2-border-color', 'microwidget-button-2-border-color-2' ),
'test_args' => array(
'header-elements-button-2-border-color',
'header-elements-button-2-border-color-mono',
null,
),
),
array(
'vars' => array(
'microwidget-button-2-hover-border-color',
'microwidget-button-2-hover-border-color-2',
),
'test_args' => array(
'header-elements-button-2-hover-border-color',
'header-elements-button-2-hover-border-color-mono',
null,
),
),
array(
'vars' => array( 'microwidget-button-2-bg', 'microwidget-button-2-bg-2' ),
'test_args' => array(
'header-elements-button-2-bg',
'header-elements-button-2-bg-color',
'header-elements-button-2-bg-gradient',
),
),
array(
'vars' => array( 'microwidget-button-2-hover-bg', 'microwidget-button-2-hover-bg-2' ),
'test_args' => array(
'header-elements-button-2-hover-bg',
'header-elements-button-2-hover-bg-color',
'header-elements-button-2-hover-bg-gradient',
),
),
array(
'vars' => array( 'mw-search-overlay-bg', 'mw-search-overlay-bg-2' ),
'test_args' => array(
'microwidgets-search_overlay-bg',
'microwidgets-search_overlay-bg-color',
'microwidgets-search_overlay-bg-gradient',
),
),
);
$decor_vars = array( 'menu-decor-color', 'menu-decor-color-2' );
$decoration = of_get_option( 'header-menu-decoration-style' );
if ( 'underline' === $decoration ) {
$conditional_color_map[] = array(
'vars' => $decor_vars,
'test_args' => array(
'header-menu-decoration-underline-color-style',
'header-menu-decoration-underline-color',
'header-menu-decoration-underline-gradient',
),
'gradient_angle' => 'left',
);
$less_vars->add_pixel_number( 'menu-decoration-line-size', of_get_option( 'header-menu-decoration-underline-line_size' ) );
} else if ( 'other' === $decoration ) {
$conditional_color_map[] = array(
'vars' => $decor_vars,
'test_args' => array(
'header-menu-decoration-other-hover-color-style',
'header-menu-decoration-other-hover-color',
'header-menu-decoration-other-hover-gradient',
),
'opacity' => 'header-menu-decoration-other-opacity',
);
$less_vars->add_pixel_number( 'menu-decoration-line-size', of_get_option( 'header-menu-decoration-other-line_size' ) );
}
unset( $decor_vars, $decoration );
foreach ( $conditional_color_map as $color_map ) {
list( $test_opt, $color_opt, $gradient_opt ) = $color_map['test_args'];
$custom_gradient_angle = isset( $color_map['gradient_angle'] ) ? $color_map['gradient_angle'] : null;
switch ( of_get_option( $test_opt ) ) {
case 'outline':
case 'background':
case 'color':
$less_vars->add_rgba_color( $color_map['vars'], array( of_get_option( $color_opt ), null ) );
break;
case 'gradient':
$gradient_obj = the7_less_create_gradient_obj( of_get_option( $gradient_opt ) );
list( $first_color, $gradient ) = the7_less_prepare_gradient_var( $gradient_obj->with_angle( $custom_gradient_angle ) );
$less_vars->add_rgba_color( $color_map['vars'][0], $first_color );
if ( isset( $color_map['vars'][1] ) ) {
$less_vars->add_keyword( $color_map['vars'][1], $gradient );
}
break;
case 'accent':
default:
$opacity = isset( $color_map['opacity'] ) ? of_get_option( $color_map['opacity'] ) : null;
$less_vars->add_rgba_color( $color_map['vars'][0], $first_accent_color, $opacity );
if ( isset( $color_map['vars'][1] ) ) {
$less_vars->add_keyword( $color_map['vars'][1], $accent_gradient_obj->with_angle( $custom_gradient_angle )->with_opacity( $opacity )->get_string() );
}
}
}
unset( $conditional_color_map, $first_color, $gradient, $opacity, $test_opt, $color_opt, $gradient_opt );
// Microwidget search.
$search_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'microwidgets-search-typography' ) );
$less_vars->add_font(
array(
'mw-search-font-family',
'mw-search-font-weight',
'mw-search-font-style',
),
$search_typography['font_family']
);
$less_vars->add_pixel_number( 'mw-search-font-size', $search_typography['font_size'] );
$less_vars->add_rgba_color( 'mw-search-color', of_get_option( 'microwidgets-search_font-color' ) );
$less_vars->add_pixel_number( 'mw-search-bg-height', of_get_option( 'microwidgets-search-height', '34' ) );
$less_vars->add_pixel_number( 'mw-search-bg-width', of_get_option( 'microwidgets-search-width', '200' ) );
$less_vars->add_pixel_number( 'mw-search-bg-active-width', of_get_option( 'microwidgets-search-active-width' ) );
$less_vars->add_rgba_color( 'mw-search-bg-color', of_get_option( 'microwidgets-search_bg-color' ) );
$less_vars->add_pixel_number( 'mw-search-border-radius', of_get_option( 'microwidgets-search_bg_border_radius', '0' ) );
$less_vars->add_pixel_number( 'mw-search-border-width', of_get_option( 'microwidgets-search_bg_border_width', '0' ) );
$less_vars->add_rgba_color( 'mw-search-border-color', of_get_option( 'microwidgets-search_bg-border-color' ) );
$less_vars->add_pixel_number( 'mw-search-icon-size', of_get_option( 'microwidgets-search_icon-size', '16' ) );
$less_vars->add_paddings( array(
'mw-search-right-padding',
'mw-search-left-padding',
), of_get_option( 'microwidgets-search_input-padding' ) );
$less_vars->add_pixel_number( 'mw-phone-icon-size', of_get_option( 'header-elements-contact-phone-custom-icon-size', '16' ) );
$less_vars->add_pixel_number( 'mw-address-icon-size', of_get_option( 'header-elements-contact-address-custom-icon-size', '16' ) );
$less_vars->add_pixel_number( 'mw-email-icon-size', of_get_option( 'header-elements-contact-email-custom-icon-size', '16' ) );
$less_vars->add_pixel_number( 'mw-skype-icon-size', of_get_option( 'header-elements-contact-skype-custom-icon-size', '16' ) );
$less_vars->add_pixel_number( 'mw-clock-icon-size', of_get_option( 'header-elements-contact-clock-custom-icon-size', '16' ) );
$less_vars->add_pixel_number( 'mw-login-icon-size', of_get_option( 'header-elements-login-custom-icon-size', '16' ) );
$less_vars->add_pixel_number( 'mw-woocommerce_cart-icon-size', of_get_option( 'header-elements-woocommerce_cart-custom-icon-size', '16' ) );
/**
* Header & Top Bar -> Top bar
*/
$less_vars->add_pixel_number( 'top-bar-height', of_get_option( 'top-bar-height', '0' ) );
$top_bar_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'top_bar-typography' ) );
$less_vars->add_font(
array(
'top-bar-font-family',
'top-bar-font-weight',
'top-bar-font-style',
),
$top_bar_typography['font_family']
);
$less_vars->add_pixel_number( 'top-bar-font-size', $top_bar_typography['font_size'] );
$less_vars->add_keyword( 'top-bar-text-transform', $top_bar_typography['text_transform'] );
$less_vars->add_pixel_number( 'top-bar-icon-size', of_get_option( 'top_bar-custom-icon-size', '16' ) );
$top_bar_font_color = of_get_option( 'top_bar-font-color' );
$less_vars->add_hex_color( 'top-color', $top_bar_font_color );
$top_bar_icon_color = of_get_option( 'top_bar-custom-icon-color' );
if ( ! $top_bar_icon_color ) {
$top_bar_icon_color = $top_bar_font_color;
}
$less_vars->add_rgba_color( 'top-bar-icon-color', $top_bar_icon_color );
$less_vars->add_paddings( array(
'top-bar-padding-top',
'top-bar-padding-bottom',
'top-bar-side-paddings',
), of_get_option( 'top_bar-padding' ) );
$less_vars->add_rgba_color( 'top-bg-color', of_get_option( 'top_bar-bg-color' ) );
$less_vars->add_rgba_color( 'top-bar-line-color', of_get_option( 'top_bar-line-color' ) );
$less_vars->add_pixel_number( 'top-bar-line-size', of_get_option( 'top_bar-line_size' ) );
$less_vars->add_keyword( 'top-bar-line-style', ( of_get_option( 'top_bar-line_style' ) ) );
$less_vars->add_image( array(
'top-bg-image',
'top-bg-repeat',
'top-bg-position-x',
'top-bg-position-y',
), of_get_option( 'top_bar-bg-image' ) );
/**
* Header & Top Bar -> Header
*/
$less_vars->add_rgba_color( 'header-decoration', of_get_option( 'header-decoration-color' ) );
$less_vars->add_rgba_color( 'header-bg-color', of_get_option( 'header-bg-color' ) );
$less_vars->add_image( array(
'header-bg-image',
'header-bg-repeat',
'header-bg-position-x',
'header-bg-position-y',
), of_get_option( 'header-bg-image' ) );
$less_vars->add_keyword( 'header-bg-size', ( of_get_option( 'header-bg-is_fullscreen' ) ? 'cover' : 'auto' ) );
// fix bg repeat
if ( 'cover' === $less_vars->get_var( 'header-bg-size' ) ) {
$less_vars->add_keyword( 'header-bg-repeat', 'no-repeat' );
}
$less_vars->add_keyword( 'header-bg-attachment', ( of_get_option( 'header-bg-is_fixed' ) ? 'fixed' : '~""' ) );
$less_vars->add_rgba_color( 'navigation-line-decoration-color', of_get_option( 'header-mixed-decoration-color' ) );
$less_vars->add_rgba_color( 'navigation-line-bg', of_get_option( 'header-mixed-bg-color' ) );
$less_vars->add_rgba_color( 'navigation-line-sticky-bg', of_get_option( 'header-mixed-sticky-bg-color' ) );
$less_vars->add_hex_color( 'toggle-menu-color', of_get_option( "header-menu_icon-color" ) );
$less_vars->add_rgba_color( 'toggle-menu-bg-color', of_get_option( 'header-menu_icon-bg-color' ) );
$less_vars->add_hex_color( 'toggle-menu-hover-color', of_get_option( "header-menu_icon-hover-color" ) );
$less_vars->add_rgba_color( 'toggle-menu-hover-bg-color', of_get_option( 'header-menu_icon-hover-bg-color' ) );
$less_vars->add_rgba_color( 'navigation-bg-color', of_get_option( 'header-classic-menu-bg-color' ) );
$less_vars->add_paddings( array(
'toggle-menu-top-margin',
'toggle-menu-right-margin',
'toggle-menu-bottom-margin',
'toggle-menu-left-margin',
), of_get_option( 'header-menu_icon-margin' ) );
$less_vars->add_paddings( array(
'toggle-menu-close-top-margin',
'toggle-menu-close-right-margin',
'toggle-menu-close-bottom-margin',
'toggle-menu-close-left-margin',
), of_get_option( 'header-menu_close_icon-margin' ) );
$less_vars->add_pixel_number( 'toggle-menu-border-radius', of_get_option( 'header-menu_icon-bg-border-radius', '0' ) );
$less_vars->add_pixel_number( 'hamburger-size', of_get_option( 'header-menu_icon-bg-size' ) );
/**
* Header & Top Bar -> Floating navigation
*/
$less_vars->add_pixel_number( 'float-menu-height', of_get_option( 'header-floating_navigation-height', '100' ) );
$less_vars->add_rgba_color( 'float-menu-bg', of_get_option( 'header-floating_navigation-bg-color' ) );
$less_vars->add_image( array(
'floating-header-bg-image',
'floating-header-bg-repeat',
'floating-header-bg-position-x',
'floating-header-bg-position-y',
), of_get_option( 'header-floating_navigation-bg-image' ) );
$less_vars->add_keyword( 'floating-header-bg-size', ( of_get_option( 'header-floating_navigation-bg-is_fullscreen' ) ? 'cover' : 'auto' ) );
// fix bg repeat
if ( 'cover' === $less_vars->get_var( 'floating-header-bg-size' ) ) {
$less_vars->add_keyword( 'header-floating_navigation-bg-repeat', 'no-repeat' );
}
// $less_vars->add_keyword( 'floating-header-bg-attachment', ( of_get_option( 'header-floating_navigation-bg-is_fixed' ) ? 'fixed' : '~""' ) );
$less_vars->add_rgba_color( 'float-menu-line-decoration-color', of_get_option( 'header-floating_navigation-decoration-color' ) );
/**
* Header & Top Bar -> Main menu
*/
$menu_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'header-menu-typography' ) );
$less_vars->add_font(
array(
'menu-font-family',
'menu-font-weight',
'menu-font-style',
),
$menu_typography['font_family']
);
$less_vars->add_pixel_number( 'menu-font-size', $menu_typography['font_size'] );
$less_vars->add_keyword( 'menu-text-transform', $menu_typography['text_transform'] );
$less_vars->add_pixel_number( 'outside-item-custom-margin', of_get_option( 'header-menu-item-surround_margins-custom-margin' ) );
$menu_subtitle_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-menu-subtitle-typography' )
);
$less_vars->add_font(
array(
'subtitle-font-family',
'subtitle-font-weight',
'subtitle-font-style',
),
$menu_subtitle_typography['font_family']
);
$less_vars->add_pixel_number( 'subtitle-font-size', $menu_subtitle_typography['font_size'] );
$less_vars->add_hex_color( 'menu-color', of_get_option( 'header-menu-font-color', '#ffffff' ) );
$less_vars->add_pixel_number( 'main-menu-icon-size', of_get_option( 'header-menu-icon-size', '16' ) );
$less_vars->add_paddings( array(
'menu-item-padding-top',
'menu-item-padding-right',
'menu-item-padding-bottom',
'menu-item-padding-left',
), of_get_option( 'header-menu-item-padding' ) );
$less_vars->add_paddings( array(
'menu-item-margin-top',
'menu-item-margin-right',
'menu-item-margin-bottom',
'menu-item-margin-left',
), of_get_option( 'header-menu-item-margin' ) );
if ( 'custom' === of_get_option( 'header-menu-dividers-height-style' ) ) {
$less_vars->add_pixel_number( 'menu-tem-divider-height', of_get_option( 'header-menu-dividers-height', '20' ) );
} else {
$less_vars->add_percent_number( 'menu-tem-divider-height', '100' );
}
$less_vars->add_rgba_color( 'menu-tem-divider-color', of_get_option( 'header-menu-dividers-color' ) );
$less_vars->add_pixel_number( 'menu-decor-border-radius', of_get_option( 'header-menu-decoration-other-border-radius' ) );
// Floating menu default font colors.
$floating_menu_default_colors = array(
array(
'var' => array( 'floating-menu-color' ),
'test_opt' => 'header-floating_navigation-font-normal',
'default_vars' => array( 'menu-color' ),
),
array(
'var' => array( 'floating-menu-color-hover', 'floating-menu-color-hover-2' ),
'test_opt' => 'header-floating_navigation-font-hover',
'default_vars' => array( 'menu-hover-color', 'menu-hover-color-2' ),
'last_color' => array(
'var' => 'floating-menu-hover-last-color',
'default_var' => 'menu-hover-last-color',
),
),
array(
'var' => array( 'floating-menu-color-active', 'floating-menu-color-active-2' ),
'test_opt' => 'header-floating_navigation-font-active',
'default_vars' => array( 'menu-active-color', 'menu-active-color-2' ),
'last_color' => array(
'var' => 'floating-menu-active-last-color',
'default_var' => 'menu-active-last-color',
),
),
);
foreach ( $floating_menu_default_colors as $fm_def_color ) {
if ( in_array( of_get_option( $fm_def_color['test_opt'] ), array( false, 'default' ) ) ) {
$less_vars->copy_var( $fm_def_color['default_vars'][0], $fm_def_color['var'][0] );
if ( isset( $fm_def_color['default_vars'][1] ) ) {
$less_vars->copy_var( $fm_def_color['default_vars'][1], $fm_def_color['var'][1] );
}
if ( isset( $fm_def_color['last_color'] ) ) {
$less_vars->copy_var( $fm_def_color['last_color']['default_var'], $fm_def_color['last_color']['var'] );
}
}
}
/**
* Header & Top Bar -> Submenu
*/
$submenu_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'header-menu-submenu-typography' ) );
$less_vars->add_font(
array(
'submenu-font-family',
'submenu-font-weight',
'submenu-font-style',
),
$submenu_typography['font_family']
);
$less_vars->add_pixel_number( 'submenu-font-size', $submenu_typography['font_size'] );
$less_vars->add_keyword( 'submenu-text-transform', $submenu_typography['text_transform'] );
$submenu_subtitle_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-menu-submenu-subtitle-typography' )
);
$less_vars->add_font(
array(
'sub-subtitle-font-family',
'sub-subtitle-font-weight',
'sub-subtitle-font-style',
),
$submenu_subtitle_typography['font_family']
);
$less_vars->add_pixel_number( 'sub-subtitle-font-size', $submenu_subtitle_typography['font_size'] );
$less_vars->add_hex_color( 'submenu-color', of_get_option( 'header-menu-submenu-font-color' ) );
$less_vars->add_pixel_number( 'sub-menu-icon-size', of_get_option( 'header-menu-submenu-icon-size' ) );
$less_vars->add_paddings( array(
'submenu-item-padding-top',
'submenu-item-padding-right',
'submenu-item-padding-bottom',
'submenu-item-padding-left',
), of_get_option( 'header-menu-submenu-item-padding' ) );
$less_vars->add_paddings( array(
'submenu-item-margin-top',
'submenu-item-margin-right',
'submenu-item-margin-bottom',
'submenu-item-margin-left',
), of_get_option( 'header-menu-submenu-item-margin' ) );
$less_vars->add_rgba_color( 'submenu-bg-color', of_get_option( 'header-menu-submenu-bg-color' ) );
$less_vars->add_pixel_number( 'submenu-width', of_get_option( 'header-menu-submenu-bg-width' ) );
$less_vars->add_paddings( array(
'submenu-padding-top',
'submenu-padding-right',
'submenu-padding-bottom',
'submenu-padding-left',
), of_get_option( 'header-menu-submenu-bg-padding' ) );
//Mega menu
if ( The7_Admin_Dashboard_Settings::get( 'mega-menu' ) ) {
$megamenu_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-mega-menu-title-typography' )
);
$less_vars->add_font(
array(
'mega-menu-title-font-family',
'mega-menu-title-font-weight',
'mega-menu-title-font-style',
),
$megamenu_typography['font_family']
);
$less_vars->add_pixel_number( 'mega-menu-title-font-size', $megamenu_typography['font_size'] );
$less_vars->add_keyword( 'mega-menu-title-text-transform', $megamenu_typography['text_transform'] );
$less_vars->add_hex_color( 'mega-menu-title-color', of_get_option( 'header-mega-menu-title-font-color' ) );
$less_vars->add_pixel_number(
'mega-menu-title-icon-size',
of_get_option( 'header-mega-menu-title-icon-size', '26' )
);
$megamenu_desc_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-mega-menu-desc-typography' )
);
$less_vars->add_font(
array(
'mega-menu-desc-font-family',
'mega-menu-desc-font-weight',
'mega-menu-desc-font-style',
),
$megamenu_desc_typography['font_family']
);
$less_vars->add_pixel_number( 'mega-menu-desc-font-size', $megamenu_desc_typography['font_size'] );
$less_vars->add_hex_color( 'mega-menu-desc-color', of_get_option( 'header-mega-menu-desc-font-color' ) );
$less_vars->add_hex_color(
'mega-menu-widget-title-color',
of_get_option( 'header-mega-menu-widget-title-color' )
);
$less_vars->add_hex_color( 'mega-menu-widget-color', of_get_option( 'header-mega-menu-widget-font-color' ) );
$less_vars->add_hex_color(
'mega-menu-widget-accent-color',
of_get_option( 'header-mega-menu-widget-accent-color' )
);
$less_vars->add_paddings(
array(
'mega-col-padding-top',
'mega-col-padding-right',
'mega-col-padding-bottom',
'mega-col-padding-left',
),
of_get_option( 'header-mega-menu-submenu-column-padding' )
);
$less_vars->add_paddings(
array(
'mega-submenu-item-padding-top',
'mega-submenu-item-padding-right',
'mega-submenu-item-padding-bottom',
'mega-submenu-item-padding-left',
),
of_get_option( 'header-mega-menu-items-padding' )
);
$less_vars->add_paddings(
array(
'mega-submenu-padding-top',
'mega-submenu-padding-right',
'mega-submenu-padding-bottom',
'mega-submenu-padding-left',
),
of_get_option( 'header-mega-menu-submenu-bg-padding' )
);
$less_vars->add_pixel_number(
'mega-submenu-col-width',
of_get_option( 'header-mega-menu-submenu-column-width' )
);
}
$less_vars->add_pixel_number( 'soc-icons-bg-size', of_get_option( 'header-elements-soc_icons-bg-size', '26' ) );
$less_vars->add_pixel_number( 'soc-icons-size', of_get_option( 'header-elements-soc_icons-size', '16' ) );
$less_vars->add_pixel_number( 'soc-icons-border-width', of_get_option( 'header-elements-soc_icons_border_width', '1' ) );
$less_vars->add_pixel_number( 'soc-icons-border-radius', of_get_option( 'header-elements-soc_icons_border_radius', '100' ) );
$less_vars->add_pixel_number( 'soc-icons-gap', of_get_option( 'header-elements-soc_icons_gap', '4px' ) );
$less_vars->add_rgba_color( 'top-icons-color', of_get_option( 'header-elements-soc_icons-color' ) );
$less_vars->add_rgba_color( 'soc-ico-hover-color', of_get_option( 'header-elements-soc_icons-hover-color' ) );
/**
* Header & Top Bar -> Layout
*/
$header = 'header-' . of_get_option( 'header-layout', 'inline' ) . '-';
$areas_paddings = array(
'elements-near_menu_left-padding' => array(
'menu-area-left-padding-top',
'menu-area-left-padding-right',
'menu-area-left-padding-bottom',
'menu-area-left-padding-left',
),
'elements-near_menu_right-padding' => array(
'menu-area-right-padding-top',
'menu-area-right-padding-right',
'menu-area-right-padding-bottom',
'menu-area-right-padding-left',
),
'elements-top_line-padding' => array(
'menu-area-top-line-padding-top',
'menu-area-top-line-padding-right',
'menu-area-top-line-padding-bottom',
'menu-area-top-line-padding-left',
),
'elements-top_line_right-padding' => array(
'menu-area-top-line-right-padding-top',
'menu-area-top-line-right-padding-right',
'menu-area-top-line-right-padding-bottom',
'menu-area-top-line-right-padding-left',
),
'elements-below_menu-padding' => array(
'menu-area-below-padding-top',
'menu-area-below-padding-right',
'menu-area-below-padding-bottom',
'menu-area-below-padding-left',
),
'elements-near_logo_left-padding' => array(
'logo-area-left-padding-top',
'logo-area-left-padding-right',
'logo-area-left-padding-bottom',
'logo-area-left-padding-left',
),
'elements-near_logo_right-padding' => array(
'logo-area-right-padding-top',
'logo-area-right-padding-right',
'logo-area-right-padding-bottom',
'logo-area-right-padding-left',
),
);
foreach ( $areas_paddings as $opt_id => $var ) {
$less_vars->add_paddings( $var, of_get_option( "{$header}{$opt_id}" ) );
}
unset( $areas_paddings, $opt_id );
$header_layout = of_get_option( 'header-layout' );
$header_navigation = "header-{$header_layout}-";
if ( in_array( $header_layout, array( 'top_line', 'side_line', 'menu_icon' ), true ) ) {
$header_navigation = 'header-' . of_get_option( 'header_navigation' ) . '-';
}
$less_vars->add_paddings( array(
'top-content-padding',
'right-content-padding',
'bottom-content-padding',
'left-content-padding',
), of_get_option( "{$header_navigation}content-padding" ) );
$less_vars->add_paddings( array(
'classic-menu-top-margin',
'classic-menu-bottom-margin',
), of_get_option( "{$header}menu-margin" ) );
$less_vars->add_paddings( array(
'top-overlay-content-padding',
'right-overlay-content-padding',
'bottom-overlay-content-padding',
'left-overlay-content-padding',
), of_get_option( 'header-overlay-content-padding' ) );
/**
* Header & Top Bar -> Additional elements
*/
$near_menu_typography = The7_Option_Field_Typography::sanitize(
of_get_option( "{$header}elements-near_menu-typography" )
);
$less_vars->add_font(
array(
'additional-menu-elements-font-family',
'additional-menu-elements-font-weight',
'additional-menu-elements-font-style',
),
$near_menu_typography['font_family']
);
$less_vars->add_pixel_number( 'additional-menu-elements-font-size', $near_menu_typography['font_size'] );
$near_menu_font_color = of_get_option( "{$header}elements-near_menu-font_color" );
$less_vars->add_hex_color( 'additional-menu-elements-color', $near_menu_font_color );
$less_vars->add_pixel_number( 'additional-menu-elements-icon-size', of_get_option( "{$header}elements-near_menu-custom-icon-size" ) );
$near_menu_icon_color = of_get_option( "{$header}elements-near_menu-custom-icon-color" );
if ( ! $near_menu_icon_color ) {
$near_menu_icon_color = $near_menu_font_color;
}
$less_vars->add_rgba_color( 'additional-menu-elements-icon-color', $near_menu_icon_color );
$near_logo_typography = The7_Option_Field_Typography::sanitize(
of_get_option( "{$header}elements-near_logo-typography" )
);
$less_vars->add_font(
array(
'additional-logo-elements-font-family',
'additional-logo-elements-font-weight',
'additional-logo-elements-font-style',
),
$near_logo_typography['font_family']
);
$less_vars->add_pixel_number( 'additional-logo-elements-font-size', $near_logo_typography['font_size'] );
$less_vars->add_pixel_number( 'additional-logo-elements-icon-size', of_get_option( "{$header}elements-near_logo-custom-icon-size" ) );
$near_logo_font_color = of_get_option( "{$header}elements-near_logo-font_color" );
$less_vars->add_hex_color( 'additional-logo-elements-color', $near_logo_font_color );
$near_logo_icon_color = of_get_option( "{$header}elements-near_logo-custom-icon-color" );
if ( ! $near_logo_icon_color ) {
$near_logo_icon_color = $near_logo_font_color;
}
$less_vars->add_rgba_color( 'additional-logo-elements-icon-color', $near_logo_icon_color );
$in_top_line_typography = The7_Option_Field_Typography::sanitize(
of_get_option( "{$header}elements-in_top_line-typography" )
);
$less_vars->add_font(
array(
'microwidgets-in-top-line-font_family',
'microwidgets-in-top-line-font-weight',
'microwidgets-in-top-line-font-style',
),
$in_top_line_typography['font_family']
);
$less_vars->add_pixel_number( 'microwidgets-in-top-line-font-size', $in_top_line_typography['font_size'] );
$less_vars->add_pixel_number( 'microwidgets-in-top-line-icon-size', of_get_option( 'header-top_line-elements-in_top_line-custom-icon-size' ) );
$in_top_line_font_color = of_get_option( 'header-top_line-elements-in_top_line-font_color' );
$less_vars->add_hex_color( 'microwidgets-in-top-line-color', $in_top_line_font_color );
$in_top_line_icon_color = of_get_option( 'header-top_line-elements-in_top_line-custom-icon-color' );
if ( ! $in_top_line_icon_color ) {
$in_top_line_icon_color = $in_top_line_font_color;
}
$less_vars->add_rgba_color( 'microwidgets-in-top-line-icon-color', $in_top_line_icon_color );
$less_vars->add_pixel_number( 'header-height', of_get_option( "{$header}height", '140' ) );
$less_vars->add_pixel_number( 'side-header-h-stroke-height', of_get_option( "layout-top_line-height", '130' ) );
$less_vars->add_pixel_number( 'side-header-v-stroke-width', of_get_option( "header-side_line-width", '60' ) );
$less_vars->add_number( 'header-side-width', of_get_option( 'header-side-width', '300px' ) );
$less_vars->add_number( 'header-slide-out-width', of_get_option( 'header-slide_out-width', '300px' ) );
$less_vars->add_number( 'header-side-content-width', of_get_option( "header-overlay-content-width", '220px' ) );
$button_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-elements-button-1-typography' )
);
$less_vars->add_font(
array(
'microwidget-button-font-family',
'microwidget-button-font-weight',
'microwidget-button-font-style',
),
$button_typography['font_family']
);
$less_vars->add_pixel_number( 'microwidget-button-font-size', $button_typography['font_size'] );
$less_vars->add_pixel_number( 'microwidget-button-icon-size', of_get_option( 'header-elements-button-1-icon-size' ) );
$less_vars->add_pixel_number( 'microwidget-button-border-radius', of_get_option( 'header-elements-button-1-border_radius' ) );
$less_vars->add_pixel_number( 'microwidget-button-border-width', of_get_option( 'header-elements-button-1-border_width' ) );
$less_vars->add_paddings( array(
'microwidget-button-top-padding',
'microwidget-button-right-padding',
'microwidget-button-bottom-padding',
'microwidget-button-left-padding',
), of_get_option( 'header-elements-button-1-padding' ) );
$button_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-elements-button-2-typography' )
);
$less_vars->add_font(
array(
'microwidget-button-2-font-family',
'microwidget-button-2-font-weight',
'microwidget-button-2-font-style',
),
$button_typography['font_family']
);
$less_vars->add_pixel_number( 'microwidget-button-2-font-size', $button_typography['font_size'] );
$less_vars->add_pixel_number( 'microwidget-button-2-icon-size', of_get_option( 'header-elements-button-2-icon-size' ) );
$less_vars->add_pixel_number( 'microwidget-button-2-border-radius', of_get_option( 'header-elements-button-2-border_radius' ) );
$less_vars->add_pixel_number( 'microwidget-button-2-border-width', of_get_option( 'header-elements-button-2-border_width' ) );
$less_vars->add_paddings( array(
'microwidget-button-2-top-padding',
'microwidget-button-2-right-padding',
'microwidget-button-2-bottom-padding',
'microwidget-button-2-left-padding',
), of_get_option( 'header-elements-button-2-padding' ) );
unset( $header );
/**
* Branding.
*/
// Logo padding.
$indention = array(
'main' => 'header',
'transparent' => 'header-style-transparent',
'floating' => 'header-style-floating',
'mobile' => 'header-style-mobile',
'transparent-mobile' => 'header-style-transparent-mobile',
'bottom' => 'bottom_bar',
'mixed' => 'header-style-mixed',
'floating-top' => 'header-style-mixed-top_line-floating',
);
foreach ( $indention as $var_prefix => $opt_prefix ) {
$less_vars->add_paddings( array(
"{$var_prefix}-logo-top-padding",
"{$var_prefix}-logo-right-padding",
"{$var_prefix}-logo-bottom-padding",
"{$var_prefix}-logo-left-padding",
), of_get_option( "{$opt_prefix}-logo-padding" ) );
}
unset( $indention, $var_prefix );
/**
* Bottom bar.
*/
$less_vars->add_hex_color( 'bottom-color', of_get_option( 'bottom_bar-color', '#757575' ) );
$less_vars->add_rgba_color( 'bottom-bg-color', of_get_option( 'bottom_bar-bg_color' ) );
$less_vars->add_image( array(
'bottom-bg-image',
'bottom-bg-repeat',
'bottom-bg-position-x',
'bottom-bg-position-y',
), of_get_option( 'bottom_bar-bg_image' ) );
/**
* Fonts.
*/
$less_vars->add_font( array(
'base-font-family',
'base-font-weight',
'base-font-style',
), of_get_option( 'fonts-font_family' ) );
$less_vars->add_pixel_number( 'base-line-height', of_get_option( 'fonts-normal_size_line_height', '20' ) );
$less_vars->add_pixel_number( 'text-small-line-height', of_get_option( 'fonts-small_size_line_height', '20' ) );
$less_vars->add_pixel_number( 'text-big-line-height', of_get_option( 'fonts-big_size_line_height', '20' ) );
$less_vars->add_pixel_number( 'base-font-size', of_get_option( 'fonts-normal_size', '13' ) );
$less_vars->add_pixel_number( 'text-small', of_get_option( 'fonts-small_size', '11' ) );
$less_vars->add_pixel_number( 'text-big', of_get_option( 'fonts-big_size', '15' ) );
/**
* Sidebar.
*/
$less_vars->add_number( 'sidebar-width', of_get_option( 'sidebar-width', '30%' ) );
$less_vars->add_pixel_number( 'widget-sidebar-distace', of_get_option( 'sidebar-vertical_distance', '60' ) );
$less_vars->add_pixel_number( 'sidebar-distace-to-content', of_get_option( 'sidebar-distance_to_content', '50' ) );
$less_vars->add_pixel_number( 'sidebar-responsiveness', of_get_option( 'sidebar-responsiveness', '970' ) );
$less_vars->add_rgba_color( 'widget-sidebar-bg-color', of_get_option( 'sidebar-bg_color' ) );
$less_vars->add_rgba_color( 'sidebar-outline-color', of_get_option( 'sidebar-decoration_outline_color' ) );
$less_vars->add_image( array(
'widget-sidebar-bg-image',
'widget-sidebar-bg-repeat',
'widget-sidebar-bg-position-x',
'widget-sidebar-bg-position-y',
), of_get_option( 'sidebar-bg_image' ) );
$less_vars->add_hex_color( 'widget-sidebar-color', of_get_option( 'sidebar-primary_text_color', '#686868' ) );
$less_vars->add_hex_color( 'widget-sidebar-header-color', of_get_option( 'sidebar-headers_color', '#000000' ) );
/**
* Footer.
*/
$less_vars->add_rgba_color( 'footer-bg-color', of_get_option( 'footer-bg_color' ) );
$less_vars->add_rgba_color( 'footer-outline-color', of_get_option( 'footer-decoration_outline_color' ) );
$less_vars->add_image( array(
'footer-bg-image',
'footer-bg-repeat',
'footer-bg-position-x',
'footer-bg-position-y',
), of_get_option( 'footer-bg_image' ) );
$less_vars->add_hex_color( 'widget-footer-color', of_get_option( 'footer-primary_text_color', '#828282' ) );
$less_vars->add_hex_color( 'widget-footer-header-color', of_get_option( 'footer-headers_color', '#ffffff' ) );
$less_vars->add_hex_color( 'widget-footer-accent-color', of_get_option( 'footer-accent_text_color' ) );
$less_vars->add_paddings( array(
'footer-top-padding',
'footer-bottom-padding',
), of_get_option( 'footer-padding' ) );
$less_vars->add_pixel_number( 'widget-footer-padding', of_get_option( 'footer-paddings-columns', '44' ) );
$less_vars->add_pixel_number( 'footer-switch', of_get_option( 'footer-collapse_after', '760' ) );
$less_vars->add_pixel_number( 'bottom-bar-switch', of_get_option( 'bottom_bar-collapse_after', '990' ) );
$less_vars->add_pixel_number( 'bottom-bar-menu-switch', of_get_option( 'bottom_bar-menu-collapse_after', '778' ) );
$less_vars->add_pixel_number( 'bottom-bar-height', of_get_option( 'bottom_bar-height', '60' ) );
$less_vars->add_paddings( array(
'bottom-bar-top-padding',
'bottom-bar-bottom-padding',
), of_get_option( 'bottom_bar-padding' ) );
/**
* Page titles.
*/
$less_vars->add_rgba_color( 'header-transparent-bg-color', of_get_option( 'header-transparent_bg_color' ) );
$less_vars->add_rgba_color( 'top-bar-transparent-bg-color', of_get_option( 'top-bar-transparent_bg_color' ) );
$less_vars->add_pixel_number( 'page-title-height', of_get_option( 'general-title_height', '170' ) );
$less_vars->add_paddings( array(
'page-title-top-padding',
'page-title-bottom-padding',
), of_get_option( 'page_title-padding' ), 'px|%' );
$less_vars->add_keyword( 'page-title-bg-size', ( of_get_option( 'general-title_bg_fullscreen' ) ? '~"cover"' : '~"auto auto"' ) );
$less_vars->add_pixel_number( 'general-title-responsiveness', of_get_option( 'general-titles-responsiveness-switch', '990' ) );
$less_vars->add_pixel_number( 'page-responsive-title-height', of_get_option( 'general-responsive_title_height', '150' ) );
$less_vars->add_pixel_number( 'title-responsive-font-size', of_get_option( 'general-responsive_title_size', '20' ) );
$less_vars->add_pixel_number( 'page-responsive-title-line-height', of_get_option( 'general-responsive_title_line_height', '30' ) );
/**
* General.
*/
$less_vars->add_number( 'content-width', of_get_option( 'general-content_width' ) );
$less_vars->add_number( 'box-width', of_get_option( 'general-box_width' ) );
$less_vars->add_pixel_number( 'side-content-paddings', of_get_option( 'general-side_content_paddings' ) );
$less_vars->add_pixel_number( 'switch-content-paddings', of_get_option( 'general-switch_content_paddings' ) );
$less_vars->add_pixel_number( 'mobile-side-content-paddings', of_get_option( 'general-mobile_side_content_paddings' ) );
$less_vars->add_rgba_color( 'page-bg-color', of_get_option( 'general-bg_color' ) );
$less_vars->add_rgba_color( 'beautiful-spinner-color', of_get_option( 'general-spinner_color' ) );
$less_vars->add_image( array(
'page-bg-image',
'page-bg-repeat',
'page-bg-position-x',
'page-bg-position-y',
), of_get_option( 'general-bg_image' ) );
$less_vars->add_keyword( 'page-bg-size', ( of_get_option( 'general-bg_fullscreen' ) ? 'cover' : 'auto' ) );
if ( 'cover' === $less_vars->get_var( 'page-bg-size' ) ) {
$less_vars->add_keyword( 'page-bg-repeat', 'no-repeat' );
}
$less_vars->add_keyword( 'page-bg-attachment', ( of_get_option( 'general-bg_fixed' ) ? 'fixed' : '~""' ) );
$less_vars->add_hex_color( 'body-bg-color', of_get_option( 'general-boxed_bg_color', '#252525' ) );
$less_vars->add_image( array(
'body-bg-image',
'body-bg-repeat',
'body-bg-position-x',
'body-bg-position-y',
), of_get_option( 'general-boxed_bg_image' ) );
$less_vars->add_keyword( 'body-bg-size', ( of_get_option( 'general-boxed_bg_fullscreen' ) ? 'cover' : 'auto' ) );
if ( 'cover' === $less_vars->get_var( 'body-bg-size' ) ) {
$less_vars->add_keyword( 'body-bg-repeat', 'no-repeat' );
}
$less_vars->add_keyword( 'body-bg-attachment', ( of_get_option( 'general-boxed_bg_fixed' ) ? 'fixed' : '~""' ) );
$less_vars->add_rgba_color( 'content-boxes-bg', of_get_option( 'general-content_boxes_bg_color' ) );
$less_vars->add_rgba_color( 'divider-bg-color', of_get_option( 'general-content_boxes_decoration_outline_color' ) );
$less_vars->add_rgba_color( 'divider-color', of_get_option( 'dividers-color' ) );
$less_vars->add_pixel_number( 'border-radius-size', of_get_option( 'general-border_radius', '8' ) );
$less_vars->add_pixel_number( 'filter-border-radius', of_get_option( 'general-filter_style-minimal-border_radius', '100' ) );
$less_vars->add_pixel_number( 'filter-decoration-line-size', of_get_option( 'general-filter_style-material-line_size', '2' ) );
$filter_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'filter-typography' ) );
$less_vars->add_font( array(
'filter-font-family',
'filter-font-weight',
'filter-font-style',
), $filter_typography['font_family'] );
$less_vars->add_pixel_number( 'filter-font-size', $filter_typography['font_size'] );
$less_vars->add_keyword( 'filter-text-transform', $filter_typography['text_transform'] );
$less_vars->add_pixel_number( 'navigation-margin', of_get_option( 'general-navigation_margin' ) );
$less_vars->add_paddings( array(
'filter-item-padding-top',
'filter-item-padding-right',
'filter-item-padding-bottom',
'filter-item-padding-left',
), of_get_option( 'general-filter-padding' ) );
$less_vars->add_paddings( array(
'filter-item-margin-top',
'filter-item-margin-right',
'filter-item-margin-bottom',
'filter-item-margin-left',
), of_get_option( 'general-filter-margin' ) );
$less_vars->add_paddings( array(
'page-top-margin',
'page-bottom-margin',
), of_get_option( 'general-page_content_margin' ) );
$less_vars->add_pixel_number( 'lightbox-arrow-size', of_get_option( 'general-lightbox_arrow_size', '62' ) );
/**
* Fonts.
*/
$less_vars->add_hex_color( 'base-color', of_get_option( 'content-primary_text_color' ) );
$less_vars->add_hex_color( 'secondary-text-color', of_get_option( 'content-secondary_text_color' ) );
$less_vars->add_hex_color( 'links-color', of_get_option( 'content-links_color' ) );
for ( $id = 1; $id <= 6; $id++ ) {
$header_typography = The7_Option_Field_Typography::sanitize( of_get_option( "fonts-h{$id}-typography" ) );
$less_vars->add_font( array(
"h{$id}-font-family",
"h{$id}-font-weight",
"h{$id}-font-style",
), $header_typography['font_family'] );
$less_vars->add_pixel_number( "h{$id}-font-size", $header_typography['font_size'] );
$less_vars->add_pixel_number( "h{$id}-line-height", $header_typography['line_height'] );
$less_vars->add_keyword( "h{$id}-text-transform", $header_typography['text_transform'] );
$less_vars->add_hex_color( "h{$id}-color", of_get_option( 'content-headers_color' ) );
}
/**
* Mobile.
*/
$less_vars->add_pixel_number( 'first-switch', of_get_option( 'header-mobile-first_switch-after' ) );
$less_vars->add_pixel_number( 'second-switch', of_get_option( 'header-mobile-second_switch-after' ) );
$less_vars->add_rgba_color( 'mobile-header-bg-color', of_get_option( 'header-mobile-header-bg-color' ) );
$mobile_microwidgets_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'header-mobile-microwidgets-typography' ) );
$less_vars->add_font( array(
'mobile-microwidgets-font-family',
'mobile-microwidgets-font-weight',
'mobile-microwidgets-font-style',
), $mobile_microwidgets_typography['font_family'] );
$less_vars->add_pixel_number( 'mobile-microwidgets-font-size', $mobile_microwidgets_typography['font_size'] );
$less_vars->add_pixel_number( 'mobile-microwidgets-icon-size', of_get_option( 'header-mobile-microwidgets-custom-icon-size' ) );
$header_mobile_micro_widgets_font_color = of_get_option( 'header-mobile-microwidgets-font-color' );
$less_vars->add_hex_color( 'mobile-microwidgets-color', $header_mobile_micro_widgets_font_color );
$header_mobile_micro_widgets_icon_color = of_get_option( 'header-mobile-microwidgets-custom-icon-color' );
if ( ! $header_mobile_micro_widgets_icon_color ) {
$header_mobile_micro_widgets_icon_color = $header_mobile_micro_widgets_font_color;
}
$less_vars->add_rgba_color( 'mobile-microwidgets-icon-color', $header_mobile_micro_widgets_icon_color );
$menu_mobile_microwidgets_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'menu-mobile-microwidgets-typography' )
);
$less_vars->add_font(
array(
'mobile-menu-microwidgets-font-family',
'mobile-menu-microwidgets-font-weight',
'mobile-menu-microwidgets-font-style',
),
$menu_mobile_microwidgets_typography['font_family']
);
$less_vars->add_pixel_number(
'mobile-menu-microwidgets-font-size',
$menu_mobile_microwidgets_typography['font_size']
);
$less_vars->add_pixel_number( 'mobile-menu-microwidgets-icon-size', of_get_option( 'menu-mobile-microwidgets-custom-icon-size' ) );
$menu_mobile_micro_widgets_font_color = of_get_option( 'menu-mobile-microwidgets-font-color' );
$less_vars->add_hex_color( 'mobile-menu-microwidgets-color', $menu_mobile_micro_widgets_font_color );
$menu_mobile_micro_widgets_icon_color = of_get_option( 'menu-mobile-microwidgets-custom-icon-color' );
if ( ! $menu_mobile_micro_widgets_icon_color ) {
$menu_mobile_micro_widgets_icon_color = $menu_mobile_micro_widgets_font_color;
}
$less_vars->add_rgba_color( 'mobile-menu-microwidgets-icon-color', $menu_mobile_micro_widgets_icon_color );
//hamburger
$less_vars->add_pixel_number( 'mobile-toggle-menu-border-radius', of_get_option( 'header-mobile-menu_icon-bg-border-radius', '0' ) );
$less_vars->add_pixel_number( 'mobile-hamburger-bg-size', of_get_option( 'header-mobile-menu_icon-bg-size' ) );
$less_vars->add_hex_color( 'mobile-toggle-menu-color', of_get_option( "header-mobile-menu_icon-color" ) );
$less_vars->add_rgba_color( 'mobile-toggle-menu-bg-color', of_get_option( 'header-mobile-menu_icon-bg-color' ) );
$mobile_menu_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-mobile-menu-typography' )
);
$less_vars->add_font(
array(
'mobile-menu-font-family',
'mobile-menu-font-weight',
'mobile-menu-font-style',
),
$mobile_menu_typography['font_family']
);
$less_vars->add_pixel_number( 'mobile-menu-font-size', $mobile_menu_typography['font_size'] );
$less_vars->add_keyword( 'mobile-menu-text-transform', $mobile_menu_typography['text_transform'] );
$mobile_submenu_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-mobile-submenu-typography' )
);
$less_vars->add_font(
array(
'mobile-sub-menu-font-family',
'mobile-sub-menu-font-weight',
'mobile-sub-menu-font-style',
),
$mobile_submenu_typography['font_family']
);
$less_vars->add_pixel_number( 'mobile-sub-menu-font-size', $mobile_submenu_typography['font_size'] );
$less_vars->add_keyword( 'mobile-sub-menu-text-transform', $mobile_submenu_typography['text_transform'] );
// color
$less_vars->add_hex_color( 'mobile-menu-color', of_get_option( 'header-mobile-menu-font-color' ) );
$less_vars->add_rgba_color( 'mobile-menu-bg-color', of_get_option( 'header-mobile-menu-bg-color' ) );
$less_vars->add_rgba_color( 'mobile-overlay-bg-color', of_get_option( 'header-mobile-overlay-bg-color' ) );
$less_vars->add_pixel_number( 'mobile-menu-width', of_get_option( 'header-mobile-menu-bg-width' ) );
$less_vars->add_pixel_number( 'first-switch-mobile-header-height', of_get_option( 'header-mobile-first_switch-height' ) );
$less_vars->add_pixel_number( 'second-switch-mobile-header-height', of_get_option( 'header-mobile-second_switch-height' ) );
/**
* Page titles.
*/
$less_vars->add_hex_color( 'page-title-breadcrumbs-color', of_get_option( 'general-breadcrumbs_color' ) );
$breadcrumbs_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'breadcrumbs-typography' ) );
$less_vars->add_font( array(
'breadcrumbs-font-family',
'breadcrumbs-font-weight',
'breadcrumbs-font-style',
), $breadcrumbs_typography['font_family'] );
$less_vars->add_pixel_number( 'breadcrumbs-font-size', $breadcrumbs_typography['font_size'] );
$less_vars->add_pixel_number( 'breadcrumbs-line-height', $breadcrumbs_typography['line_height'] );
$less_vars->add_keyword( 'breadcrumbs-text-transform', $breadcrumbs_typography['text_transform'] );
$less_vars->add_rgba_color( 'breadcrumbs-bg-color', of_get_option( 'breadcrumbs_bg_color' ) );
$less_vars->add_paddings( array(
'breadcrumbs-padding-top',
'breadcrumbs-padding-right',
'breadcrumbs-padding-bottom',
'breadcrumbs-padding-left',
), of_get_option( 'breadcrumbs_padding' ) );
$less_vars->add_paddings( array(
'breadcrumbs-margin-top',
'breadcrumbs-margin-right',
'breadcrumbs-margin-bottom',
'breadcrumbs-margin-left',
), of_get_option( 'breadcrumbs_margin' ) );
$less_vars->add_pixel_number( "breadcrumbs-border-radius", of_get_option( "breadcrumbs_border_radius", 0 ) );
$less_vars->add_pixel_number( "breadcrumbs-border-width", of_get_option( "breadcrumbs_border_width", 0 ) );
$less_vars->add_rgba_color( 'breadcrumbs-border-color', of_get_option( 'breadcrumbs_border_color' ) );
$less_vars->add_hex_color( 'page-title-color', of_get_option( 'general-title_color' ) );
$title_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'general-page-title-typography' ) );
$less_vars->add_font( array(
'page-title-font-family',
'page-title-font-weight',
'page-title-font-style',
), $title_typography['font_family'] );
$less_vars->add_pixel_number( 'title-font-size', $title_typography['font_size'] );
$less_vars->add_pixel_number( 'page-title-line-height', $title_typography['line_height'] );
$less_vars->add_keyword( 'page-title-text-transform', $title_typography['text_transform'] );
$less_vars->add_rgba_color( 'page-title-overlay-color', of_get_option( 'general-title_overlay_color' ) );
$less_vars->add_rgba_color( 'title-outline-color', of_get_option( 'general-title_decoration_outline_color' ) );
$less_vars->add_pixel_number( 'page-title-border-height', of_get_option( 'general-title_decoration_outline_height', '1px' ) );
$less_vars->add_keyword( 'page-title-border-style', of_get_option( 'general-title_decoration_outline_style' ) );
$less_vars->add_rgba_color( 'page-title-line-color', of_get_option( 'general-title_decoration_line_color' ) );
$less_vars->add_pixel_number( 'page-title-decorative-line-height', of_get_option( 'general-title_decoration_line_height', '1px' ) );
$less_vars->add_keyword( 'page-title-line-style', of_get_option( 'general-title_decoration_line_style' ) );
$less_vars->add_image( array(
'page-title-bg-image',
'page-title-bg-repeat',
'page-title-bg-position-x',
'page-title-bg-position-y',
), of_get_option( 'general-title_bg_image' ) );
$less_vars->add_keyword( 'page-title-bg-attachment', ( of_get_option( 'general-title_scroll_effect' ) == 'fixed' ? 'fixed' : '~""' ) );
/**
* Small buttons.
*/
$button_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'buttons-s-typography' ) );
$less_vars->add_font(
array(
'dt-btn-s-font-family',
'dt-btn-s-font-weight',
'dt-btn-s-font-style',
),
$button_typography['font_family']
);
$less_vars->add_pixel_number( 'dt-btn-s-font-size', $button_typography['font_size'] );
$less_vars->add_keyword( 'dt-btn-s-text-transform', $button_typography['text_transform'] );
$less_vars->add_paddings(
array(
'btn-s-padding-top',
'btn-s-padding-right',
'btn-s-padding-bottom',
'btn-s-padding-left',
),
of_get_option( 'buttons-s_padding' )
);
$less_vars->add_pixel_number(
'dt-btn-s-border-radius',
of_get_option( 'buttons-s_border_radius' )
);
$less_vars->add_pixel_number(
'dt-btn-s-border-width',
of_get_option( 'buttons-s_border_width' )
);
/**
* Medium buttons.
*/
$button_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'buttons-m-typography' ) );
$less_vars->add_font(
array(
'dt-btn-m-font-family',
'dt-btn-m-font-weight',
'dt-btn-m-font-style',
),
$button_typography['font_family']
);
$less_vars->add_pixel_number( 'dt-btn-m-font-size', $button_typography['font_size'] );
$less_vars->add_keyword( 'dt-btn-m-text-transform', $button_typography['text_transform'] );
$less_vars->add_paddings(
array(
'btn-m-padding-top',
'btn-m-padding-right',
'btn-m-padding-bottom',
'btn-m-padding-left',
),
of_get_option( 'buttons-m_padding' )
);
$less_vars->add_pixel_number(
'dt-btn-m-border-radius',
of_get_option( 'buttons-m_border_radius' )
);
$less_vars->add_pixel_number(
'dt-btn-m-border-width',
of_get_option( 'buttons-m_border_width' )
);
/**
* Big buttons.
*/
$button_typography = The7_Option_Field_Typography::sanitize( of_get_option( 'buttons-l-typography' ) );
$less_vars->add_font(
array(
'dt-btn-l-font-family',
'dt-btn-l-font-weight',
'dt-btn-l-font-style',
),
$button_typography['font_family']
);
$less_vars->add_pixel_number( 'dt-btn-l-font-size', $button_typography['font_size'] );
$less_vars->add_keyword( 'dt-btn-l-text-transform', $button_typography['text_transform'] );
$less_vars->add_paddings(
array(
'btn-l-padding-top',
'btn-l-padding-right',
'btn-l-padding-bottom',
'btn-l-padding-left',
),
of_get_option( 'buttons-l_padding' )
);
$less_vars->add_pixel_number(
'dt-btn-l-border-radius',
of_get_option( 'buttons-l_border_radius' )
);
$less_vars->add_pixel_number(
'dt-btn-l-border-width',
of_get_option( 'buttons-l_border_width' )
);
/**
* Contact forms.
*/
$less_vars->add_pixel_number( 'input-height', of_get_option( 'input_height' ) );
$less_vars->add_pixel_number( 'input-border-radius', of_get_option( 'input_border_radius' ) );
$less_vars->add_paddings( array(
'top-input-border-width',
'right-input-border-width',
'bottom-input-border-width',
'left-input-border-width',
), of_get_option( 'input_border_width' ) );
$less_vars->add_paddings( array(
'top-input-padding',
'right-input-padding',
'bottom-input-padding',
'left-input-padding',
), of_get_option( 'input_padding' ) );
$less_vars->add_hex_color( 'input-color', of_get_option( 'input_color' ) );
$less_vars->add_rgba_color( 'input-border-color', of_get_option( 'input_border_color' ) );
$less_vars->add_rgba_color( 'input-bg-color', of_get_option( 'input_bg_color' ) );
$less_vars->add_hex_color( 'message-color', of_get_option( 'message_color' ) );
$less_vars->add_rgba_color( 'message-bg-color', of_get_option( 'message_bg_color' ) );
/**
* WC.
*/
if ( 'browser_width_based' === of_get_option( 'woocommerce_shop_template_responsiveness' ) ) {
$bwb_columns = of_get_option( 'woocommerce_shop_template_bwb_columns' );
$columns = array(
'desktop' => 'desktop',
'v_tablet' => 'v-tablet',
'h_tablet' => 'h-tablet',
'phone' => 'phone',
);
foreach ( $columns as $column => $data_att ) {
$val = isset( $bwb_columns[ $column ] ) ? absint( $bwb_columns[ $column ] ) : 0;
$less_vars->add_number( $data_att . '-wc-columns-num', $val );
}
}
$less_vars->add_pixel_number( 'wc-grid-product-gap', of_get_option( 'woocommerce_shop_template_gap' ) );
$less_vars->add_pixel_number( 'wc-grid-product-min-width', of_get_option( 'woocommerce_shop_template_column_min_width' ) );
/**
* Stripes.
*/
if ( function_exists( 'presscore_themeoptions_get_stripes_list' ) ) {
foreach ( presscore_themeoptions_get_stripes_list() as $id => $opts ) {
$less_vars->add_rgba_color( "strype-{$id}-bg-color", of_get_option( "stripes-stripe_{$id}_color", $opts['bg_color'] ), 100 );
$less_vars->add_image( array(
"strype-{$id}-bg-image",
"strype-{$id}-bg-repeat",
'',
"strype-{$id}-bg-position-y",
), of_get_option( "stripes-stripe_{$id}_bg_image", $opts['bg_img'] ) );
$less_vars->add_keyword( "strype-{$id}-bg-size", ( of_get_option( "stripes-stripe_{$id}_bg_fullscreen" ) ? 'cover' : 'auto' ) );
$less_vars->add_hex_color( "strype-{$id}-header-color", of_get_option( "stripes-stripe_{$id}_headers_color", $opts['text_header_color'] ) );
$less_vars->add_rgba_color( "strype-{$id}-boxes-bg", of_get_option( "stripes-stripe_{$id}_content_boxes_bg_color" ), of_get_option( "stripes-stripe_{$id}_content_boxes_bg_opacity" ) );
$less_vars->add_rgba_color( "strype-{$id}-divider-bg-color", of_get_option( "stripes-stripe_{$id}_content_boxes_decoration_outline_color" ), of_get_option( "stripes-stripe_{$id}_content_boxes_decoration_outline_opacity" ) );
$less_vars->add_rgba_color( "strype-{$id}-backgrounds-bg-color", of_get_option( "stripes-stripe_{$id}_outline_color" ), of_get_option( "stripes-stripe_{$id}_outline_opacity" ) );
$less_vars->add_hex_color( "strype-{$id}-color", of_get_option( "stripes-stripe_{$id}_text_color", $opts['text_color'] ) );
if ( 'cover' === $less_vars->get_var( "strype-{$id}-bg-size" ) ) {
$less_vars->add_keyword( "strype-{$id}-bg-repeat", 'no-repeat' );
$less_vars->add_keyword( "strype-{$id}-bg-attachment", 'fixed' );
} else {
$less_vars->add_keyword( "strype-{$id}-bg-attachment", '~""' );
}
}
}
}
add_action( 'presscore_setup_less_vars', 'presscore_action_add_less_vars' );