File: /home/vhosts/harpoeditore.it/httpdocs/wp-content/themes/dt-the7/inc/less-vars.php
<?php
/**
* Less vars definition.
*
* @package The7
*/
defined( 'ABSPATH' ) || exit;
/**
* Define less vars based on theme options.
*
* @param The7_Less_Vars_Manager_Interface $less_vars Less vars manager.
*/
function presscore_action_add_less_vars( The7_Less_Vars_Manager_Interface $less_vars ) {
/**
* Accent colors.
*
* @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 = false;
if (!the7_is_elementor_theme_style_enabled()){
$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 );
}
$less_vars->add_rgba_color( 'accent-color', $first_accent_color );
$less_vars->add_keyword( 'accent-gradient', $accent_gradient_obj->get_string() );
// 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':
$the7_less_gradient = the7_less_create_gradient_obj( of_get_option( $opt['gradient'] ) );
$less_vars->add_rgba_color(
$v,
$the7_less_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',
),
),
);
if ( of_get_option( 'header-floating_microwidgets-icon' ) === 'color' ) {
$less_vars->add_rgba_color(
'floating-microwidgets-icon-color',
of_get_option( 'header-floating_microwidgets-icon-color' )
);
}
if ( of_get_option( 'header-floating_microwidgets-font' ) === 'color' ) {
$less_vars->add_rgba_color(
'floating-microwidgets-color',
of_get_option( 'header-floating_microwidgets-font-color' )
);
}
$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' )
);
} elseif ( '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 'disabled':
$less_vars->add_rgba_color( $color_map['vars'], array( of_get_option( $color_opt ), null ), 0 );
break;
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 );
the7_less_add_shadow($less_vars, 'button-shadow', 'button-shadow');
the7_less_add_shadow($less_vars, 'button-shadow-hover', 'button-shadow-hover');
// 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_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_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_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_rgba_color( 'mw-search-border-color', of_get_option( 'microwidgets-search_bg-border-color' ) );
$less_vars->add_rgba_color( 'mw-search-color', of_get_option( 'microwidgets-search_font-color' ) );
$less_vars->add_rgba_color( 'mw-search-bg-color', of_get_option( 'microwidgets-search_bg-color' ) );
$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-right',
'top-bar-padding-bottom',
'top-bar-padding-left',
),
of_get_option( 'top_bar-padding' ),
'px|%'
);
$less_vars->add_pixel_number( 'top-bar-switch-paddings', of_get_option( 'top_bar-switch_paddings' ) );
$less_vars->add_paddings(
array(
'top-bar-mobile-padding-top',
'top-bar-mobile-padding-right',
'top-bar-mobile-padding-bottom',
'top-bar-mobile-padding-left',
),
of_get_option( 'top_bar_mobile_paddings' ),
'px|%'
);
$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_pixel_number( 'header-decoration-size', of_get_option( 'header-decoration-line_size' ) );
$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_pixel_number(
'navigation-line-decoration-line-size',
of_get_option( 'header-mixed-decoration_size' )
);
$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_rgba_color( 'toggle-menu-border-color', of_get_option( 'header-menu_icon-border-color' ) );
$less_vars->add_rgba_color(
'toggle-menu-border-hover-color',
of_get_option( 'header-menu_icon-border-hover-color' )
);
$less_vars->add_hex_color( 'toggle-menu-color-hover', of_get_option( 'header-menu_icon-color-hover' ) );
$less_vars->add_rgba_color( 'toggle-menu-bg-color-hover', of_get_option( 'header-menu_icon-bg-color-hover' ) );
$less_vars->add_hex_color( 'toggle-menu-close-color', of_get_option( 'header-menu_close_icon-color' ) );
$less_vars->add_hex_color( 'toggle-menu-hover-color', of_get_option( 'header-menu_close_icon-hover-color' ) );
$less_vars->add_rgba_color( 'toggle-menu-close-bg-color', of_get_option( 'header-menu_close_icon-bg-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(
'toggle-menu-close-border-color',
of_get_option( 'header-menu_close_icon-border-color' )
);
$less_vars->add_rgba_color(
'toggle-menu-close-border-color-hover',
of_get_option( 'header-menu_close_icon-border-color-hover' )
);
$less_vars->add_rgba_color( 'navigation-bg-color', of_get_option( 'header-classic-menu-bg-color' ) );
$less_vars->add_pixel_number( 'header-classic-menu-line-size', of_get_option( 'header-classic-menu-line_size' ) );
$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_pixel_number(
'toggle-menu-border-radius',
of_get_option( 'header-menu_icon-bg-border-radius', '0' )
);
$less_vars->add_pixel_number( 'hamburger-border-width', of_get_option( 'header-menu_icon-bg-border-width' ) );
$less_vars->add_pixel_number(
'hamburger-close-border-radius',
of_get_option( 'header-menu_close_icon-bg-border-radius' )
);
$less_vars->add_pixel_number(
'hamburger-close-border-width',
of_get_option( 'header-menu_close_icon-bg-border-width' )
);
$less_vars->add_paddings(
array(
'toggle-menu-close-padding-top',
'toggle-menu-close-padding-right',
'toggle-menu-close-padding-bottom',
'toggle-menu-close-padding-left',
),
of_get_option( 'header-menu_close_icon-padding' )
);
$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' )
);
// Hamburger caption.
$less_vars->add_hex_color( 'toggle-menu-caption-color', of_get_option( 'header-menu_icon-caption_color' ) );
$less_vars->add_hex_color(
'toggle-menu-caption-color-hover',
of_get_option( 'header-menu_icon-caption_color-hover' )
);
$menu_caption_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-menu_icon-caption-typography' )
);
$less_vars->add_font(
array(
'menu-caption-font-family',
'menu-caption-font-weight',
'menu-caption-font-style',
),
$menu_caption_typography['font_family']
);
$less_vars->add_pixel_number( 'menu-caption-font-size', $menu_caption_typography['font_size'] );
$less_vars->add_keyword( 'menu-caption-text-transform', $menu_caption_typography['text_transform'] );
$less_vars->add_paddings(
array(
'toggle-menu-caption-padding-top',
'toggle-menu-caption-padding-right',
'toggle-menu-caption-padding-bottom',
'toggle-menu-caption-padding-left',
),
of_get_option( 'header-menu_icon-caption-padding' )
);
$less_vars->add_pixel_number( 'menu-caption-gap', of_get_option( 'header-menu_icon-caption_gap' ) );
/*Close menu caption*/
$less_vars->add_hex_color( 'close-menu-caption-color', of_get_option( 'header-menu_close_icon-caption_color' ) );
$less_vars->add_hex_color(
'close-menu-caption-color-hover',
of_get_option( 'header-menu_close_icon-caption_color-hover' )
);
$menu_caption_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-menu-close_icon-caption-typography' )
);
$less_vars->add_font(
array(
'close-menu-caption-font-family',
'close-menu-caption-font-weight',
'close-menu-caption-font-style',
),
$menu_caption_typography['font_family']
);
$less_vars->add_pixel_number( 'close-menu-caption-font-size', $menu_caption_typography['font_size'] );
$less_vars->add_keyword( 'close-menu-caption-text-transform', $menu_caption_typography['text_transform'] );
$less_vars->add_pixel_number( 'close-menu-caption-gap', of_get_option( 'header-menu-close_icon-caption_gap' ) );
/**
* 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_rgba_color(
'float-menu-line-decoration-color',
of_get_option( 'header-floating_navigation-decoration-color' )
);
$less_vars->add_pixel_number(
'float-menu-line-decoration-size',
of_get_option( 'header-floating_navigation-decoration-line_size' )
);
/**
* 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' )
);
$less_vars->add_pixel_number( 'menu-item-divider-width', of_get_option( 'header-menu-dividers-width' ) );
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' ), true ) ) {
$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' )
);
// Temporary fix. Bug was intoduced in 21c6b9c0bd7f0ee943ddf9cd79997e42e0a98b96 commit.
$less_vars->add_hex_color(
'mega-menu-title-color',
of_get_option( 'header-mega-menu-title-font-color', '#333333' )
);
$less_vars->add_hex_color( 'mega-menu-desc-color', of_get_option( 'header-mega-menu-desc-font-color', '#333333' ) );
$less_vars->add_hex_color(
'mega-menu-widget-title-color',
of_get_option( 'header-mega-menu-widget-title-color', '#333333' )
);
$less_vars->add_hex_color(
'mega-menu-widget-color',
of_get_option( 'header-mega-menu-widget-font-color', '#333333' )
);
$less_vars->add_hex_color(
'mega-menu-widget-accent-color',
of_get_option( 'header-mega-menu-widget-accent-color', '#333333' )
);
// 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_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_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(
'mega-submenu-item-2-level-spacing',
of_get_option( 'header-mega-menu-submenu-2-level-spacing' )
);
}
$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(
'header-left-padding',
'header-right-padding',
),
of_get_option( "header-{$header_layout}-side-padding" ),
'px|%'
);
$less_vars->add_pixel_number( 'header-switch-paddings', of_get_option( "{$header}switch_paddings" ) );
$less_vars->add_paddings(
array(
'header-mobile-left-padding',
'header-mobile-right-padding',
),
of_get_option( "header-{$header_layout}_mobile_paddings" ),
'px|%'
);
$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-icon-gap', of_get_option( 'header-elements-button-1-icon_gap' ) );
$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-gap',
of_get_option( 'header-elements-button-2-icon_gap' )
);
$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',
'floating-mobile' => 'header-style-floating-mobile',
'bottom' => 'bottom_bar',
'mixed' => 'header-style-mixed',
'floating-mixed' => 'header-style-mixed-top_line-floating',
'transparent-mixed' => 'header-style-mixed-transparent-top_line',
);
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_pixel_number( 'bottom_bar-line-size', of_get_option( 'bottom_bar-line_size' ) );
$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' )
);
$font = The7_Option_Field_Font_Sizes::sanitize( of_get_option( 'fonts-normal_size' ) );
$less_vars->add_number( 'base-font-size', $font['font_size'] );
$less_vars->add_number( 'base-line-height', $font['line_height'] );
$font = The7_Option_Field_Font_Sizes::sanitize( of_get_option( 'fonts-big_size' ) );
$less_vars->add_number( 'text-big-font-size', $font['font_size'] );
$less_vars->add_number( 'text-big-line-height', $font['line_height'] );
$font = The7_Option_Field_Font_Sizes::sanitize( of_get_option( 'fonts-small_size' ) );
$less_vars->add_number( 'text-small-font-size', $font['font_size'] );
$less_vars->add_number( 'text-small-line-height', $font['line_height'] );
the7_less_add_responsive_font( $less_vars, 'fonts-widget-content', 'widget-content' );
the7_less_add_responsive_font( $less_vars, 'fonts-widget-title', 'widget-title' );
$less_vars->add_pixel_number( 'widget-gap', of_get_option( 'widget_gap' ) );
/**
* 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_pixel_number( 'footer-decoration-line-size', of_get_option( 'footer-decoration-line_size' ) );
$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-right-padding',
'footer-bottom-padding',
'footer-left-padding',
),
of_get_option( 'footer-padding' ),
'px|%'
);
$less_vars->add_paddings(
array(
'mobile-footer-top-padding',
'mobile-footer-right-padding',
'mobile-footer-bottom-padding',
'mobile-footer-left-padding',
),
of_get_option( 'footer-mobile_padding' ),
'px|%'
);
$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( 'footer-switch-colums', of_get_option( 'footer-collapse_columns_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_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-right-margin',
'page-bottom-margin',
'page-left-margin',
),
of_get_option( 'general-page_content_margin' ),
'px|%'
);
$less_vars->add_paddings(
array(
'mobile-page-top-margin',
'mobile-page-right-margin',
'mobile-page-bottom-margin',
'mobile-page-left-margin',
),
of_get_option( 'general-page_content_mobile_margin' ),
'px|%'
);
$less_vars->add_pixel_number( 'switch-content-paddings', of_get_option( 'general-switch_content_paddings' ) );
$less_vars->add_pixel_number( 'lightbox-arrow-size', of_get_option( 'general-lightbox_arrow_size', '62' ) );
/**
* Fonts.
*/
$less_vars->add_hex_color( 'links-color', of_get_option( 'content-links_color' ) );
$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( 'title-color', of_get_option( 'content-headers_color' ) );
for ( $id = 1; $id <= 6; $id++ ) {
the7_less_add_responsive_font( $less_vars, "fonts-h{$id}-typography", "h{$id}" );
$less_vars->storage()->start_excluding_css_vars();
$less_vars->add_hex_color( "h{$id}-color", of_get_option( 'content-headers_color' ) );
$less_vars->storage()->end_excluding_css_vars();
}
/**
* Mobile.
*/
$less_vars->add_pixel_number( 'first-switch', of_get_option( 'header-mobile-first_switch-after' ) );
$less_vars->add_paddings(
array(
'first-switch-header-padding-left',
'first-switch-header-padding-right',
),
of_get_option( 'header-mobile-first_switch-side-padding' ),
'px|%'
);
$less_vars->add_pixel_number( 'second-switch', of_get_option( 'header-mobile-second_switch-after' ) );
$less_vars->add_paddings(
array(
'second-switch-header-padding-left',
'second-switch-header-padding-right',
),
of_get_option( 'header-mobile-second_switch-side-padding' ),
'px|%'
);
$less_vars->add_rgba_color( 'mobile-header-bg-color', of_get_option( 'header-mobile-header-bg-color' ) );
$less_vars->add_rgba_color( 'mobile-floating-header-bg-color', of_get_option( 'header-mobile-floating-bg-color' ) );
$less_vars->add_rgba_color( 'mobile-header-decoration-color', of_get_option( 'header-mobile-decoration-color' ) );
$less_vars->add_pixel_number(
'mobile-header-decoration-size',
of_get_option( 'header-mobile-decoration-line_size' )
);
$less_vars->add_pixel_number( 'mobile-menu-divider-height', of_get_option( 'header-mobile-menu-dividers-height' ) );
$less_vars->add_rgba_color( 'mobile-menu-divider-color', of_get_option( 'header-mobile-menu-dividers-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-border-width',
of_get_option( 'header-mobile-menu_icon-bg-border-width' )
);
$less_vars->add_paddings(
array(
'toggle-mobile-padding-top',
'toggle-mobile-padding-right',
'toggle-mobile-padding-bottom',
'toggle-mobile-padding-left',
),
of_get_option( 'header-mobile-menu_icon-caption-padding' )
);
$less_vars->add_paddings(
array(
'toggle-mobile-margin-top',
'toggle-mobile-margin-right',
'toggle-mobile-margin-bottom',
'toggle-mobile-margin-left',
),
of_get_option( 'header-mobile-menu_icon-margin' )
);
$less_vars->add_rgba_color( 'mobile-toggle-menu-color', of_get_option( 'header-mobile-menu_icon-color' ) );
$less_vars->add_rgba_color(
'mobile-toggle-menu-hover-color',
of_get_option( 'header-mobile-menu_icon-color-hover' )
);
$less_vars->add_rgba_color( 'mobile-toggle-menu-bg-color', of_get_option( 'header-mobile-menu_icon-bg-color' ) );
$less_vars->add_rgba_color(
'mobile-toggle-menu-bg-hover-color',
of_get_option( 'header-mobile-menu_icon-bg-color-hover' )
);
$less_vars->add_rgba_color(
'mobile-toggle-menu-border-color',
of_get_option( 'header-mobile-menu_icon-border-color' )
);
$less_vars->add_rgba_color(
'mobile-toggle-menu-border-hover-color',
of_get_option( 'header-mobile-menu_icon-border-hover-color' )
);
// Hamburger caption.
$less_vars->add_hex_color(
'toggle-mobile-menu-caption-color',
of_get_option( 'header-mobile-menu_icon-caption_color' )
);
$less_vars->add_hex_color(
'toggle-mobile-menu-caption-color-hover',
of_get_option( 'header-mobile-menu_icon-caption_color-hover' )
);
$menu_caption_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-mobile-menu_icon-caption-typography' )
);
$less_vars->add_font(
array(
'mobile-menu-caption-font-family',
'mobile-menu-caption-font-weight',
'mobile-menu-caption-font-style',
),
$menu_caption_typography['font_family']
);
$less_vars->add_pixel_number( 'mobile-menu-caption-font-size', $menu_caption_typography['font_size'] );
$less_vars->add_keyword( 'mobile-menu-caption-text-transform', $menu_caption_typography['text_transform'] );
$less_vars->add_pixel_number( 'mobile-menu-caption-gap', of_get_option( 'header-mobile-menu_icon-caption_gap' ) );
// Mobile close hamburger.
$less_vars->add_hex_color(
'close-mobile-menu-caption-color',
of_get_option( 'header-mobile-menu_close-caption_color' )
);
$less_vars->add_hex_color(
'close-mobile-menu-caption-color-hover',
of_get_option( 'header-mobile-menu_close-caption_color-hover' )
);
$menu_caption_typography = The7_Option_Field_Typography::sanitize(
of_get_option( 'header-mobile-menu-close_icon-caption-typography' )
);
$less_vars->add_font(
array(
'close-mobile-menu-caption-font-family',
'close-mobile-menu-caption-font-weight',
'close-mobile-menu-caption-font-style',
),
$menu_caption_typography['font_family']
);
$less_vars->add_pixel_number( 'close-mobile-menu-caption-font-size', $menu_caption_typography['font_size'] );
$less_vars->add_keyword( 'close-mobile-menu-caption-text-transform', $menu_caption_typography['text_transform'] );
$less_vars->add_pixel_number(
'close-mobile-menu-caption-gap',
of_get_option( 'header-mobile-menu-close_icon-caption_gap' )
);
$less_vars->add_pixel_number(
'hamburger-mobile-close-border-radius',
of_get_option( 'header-mobile-menu_close_icon-bg-border-radius' )
);
$less_vars->add_pixel_number(
'hamburger-mobile-close-border-width',
of_get_option( 'header-mobile-menu_close_icon-bg-border-width' )
);
$less_vars->add_paddings(
array(
'toggle-mobile-menu-close-padding-top',
'toggle-mobile-menu-close-padding-right',
'toggle-mobile-menu-close-padding-bottom',
'toggle-mobile-menu-close-padding-left',
),
of_get_option( 'header-mobile-menu_close_icon-padding' )
);
$less_vars->add_paddings(
array(
'toggle-mobile-menu-close-top-margin',
'toggle-mobile-menu-close-right-margin',
'toggle-mobile-menu-close-bottom-margin',
'toggle-mobile-menu-close-left-margin',
),
of_get_option( 'header-mobile-menu_close_icon-margin' )
);
$less_vars->add_hex_color(
'toggle-mobile-menu-close-color',
of_get_option( 'header-mobile-menu_close_icon-color' )
);
$less_vars->add_hex_color(
'toggle-mobile-menu-close-hover-color',
of_get_option( 'header-mobile-menu_close_icon-hover-color' )
);
$less_vars->add_rgba_color(
'toggle-mobile-menu-close-bg-color',
of_get_option( 'header-mobile-menu_close_icon-bg-color' )
);
$less_vars->add_rgba_color(
'toggle-mobile-menu-hover-bg-color',
of_get_option( 'header-mobile-menu_icon-hover-bg-color' )
);
$less_vars->add_rgba_color(
'toggle-mobile-menu-close-border-color',
of_get_option( 'header-mobile-menu_close_icon-border-color' )
);
$less_vars->add_rgba_color(
'toggle-mobile-menu-close-border-color-hover',
of_get_option( 'header-mobile-menu_close_icon-border-color-hover' )
);
$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'] );
$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_paddings(
array(
'header-mobile-menu-top-padding',
'header-mobile-menu-right-padding',
'header-mobile-menu-bottom-padding',
'header-mobile-menu-left-padding',
),
of_get_option( 'header-mobile-content-padding' )
);
$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' : '~""' )
);
/**
* Button styles
*/
the7_less_add_button_size($less_vars, 'buttons-s', 'btn-s');
the7_less_add_button_size($less_vars, 'buttons-m', 'btn-m');
the7_less_add_button_size($less_vars, 'buttons-l', 'btn-l');
if ( the7_is_elementor_buttons_integration_enabled() ) {
the7_less_add_button_size( $less_vars, 'buttons-lg', 'btn-lg' );
the7_less_add_button_size( $less_vars, 'buttons-xl', 'btn-xl' );
}
/**
* 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' ) );
/**
* WPB Page Builder.
*/
$wpb_mobile_screen_width = '767';
if ( class_exists( 'Vc_Manager', false ) && get_option( 'wpb_js_responsive_max' ) ) {
$wpb_mobile_screen_width = get_option( 'wpb_js_responsive_max' );
}
$less_vars->storage()->start_excluding_css_vars();
$less_vars->add_pixel_number( 'wpb-mobile-screen-width', $wpb_mobile_screen_width );
/**
* 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->storage()->end_excluding_css_vars();
$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' )
);
the7_less_add_responsive_font( $less_vars, 'fonts-woo-content', 'woo-content' );
the7_less_add_responsive_font( $less_vars, 'fonts-woo-title', 'woo-title' );
/**
* Stripes.
*/
if ( The7_Admin_Dashboard_Settings::get( 'rows' ) ) {
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", '~""' );
}
}
}
$less_vars->storage()->start_excluding_css_vars();
if ( the7_elementor_is_active() ) {
foreach ( \Elementor\Core\Responsive\Responsive::get_breakpoints() as $size => $value ) {
$less_vars->add_pixel_number( "elementor-{$size}-breakpoint", $value );
$less_vars->add_pixel_number( "{$size}-breakpoint", $value );
}
// Wide columns for grid layout.
if ( function_exists( 'the7_elementor_get_content_width_string' ) ) {
$less_vars->add_pixel_number( '_wide-desktop-width', the7_elementor_get_content_width_string() );
}
} else {
$less_vars->add_pixel_number( 'lg-breakpoint', (int) of_get_option( 'header-mobile-first_switch-after' ) + 1 );
$less_vars->add_pixel_number( 'md-breakpoint', (int) of_get_option( 'header-mobile-second_switch-after' ) + 1 );
}
$less_vars->storage()->end_excluding_css_vars();
}
add_action( 'presscore_setup_less_vars', 'presscore_action_add_less_vars' );