array( $this->get_control_id_parameter( '', 'elements' ) => 'nav' ),
);
}
/**
* Register toggle controls.
*
* Registers the controls of the kit settings tab toggle.
*/
protected function register_toggle_controls() {
$this->add_var_group_control( 'nav', self::VAR_TYPOGRAPHY );
$this->add_control(
'nav_colors_heading_control',
array(
'label' => esc_html__( 'Colors', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_control(
'nav_colors_normal',
array(
'label' => esc_html__( 'Normal', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'nav_colors_normal' ) . ': {{VALUE}};',
),
)
);
$this->add_control(
'nav_colors_hover',
array(
'label' => esc_html__( 'Hover', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'nav_colors_hover' ) . ': {{VALUE}};',
),
)
);
$this->add_control(
'nav_colors_current',
array(
'label' => esc_html__( 'Current', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'nav_colors_current' ) . ': {{VALUE}};',
),
)
);
$this->add_control(
'nav_colors_divider',
array(
'label' => esc_html__( 'Divider', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'nav_colors_divider' ) . ': {{VALUE}};',
),
)
);
$this->add_responsive_control(
'nav_gap',
array(
'label' => esc_html__( 'Gap Between', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 50,
),
'%' => array(
'min' => 0,
'max' => 100,
),
'vw' => array(
'min' => 0,
'max' => 10,
),
),
'size_units' => array(
'px',
'%',
'vw',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'nav_gap' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
}
}