add_responsive_control(
'items_vert_gap',
array(
'label' => esc_html__( 'Items Vertical Gap Between', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
),
),
'size_units' => array(
'px',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'items_vert_gap' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'items_hor_gap',
array(
'label' => esc_html__( 'Child Items Horizontal Gap', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 0,
'max' => 100,
),
),
'size_units' => array(
'px',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'items_hor_gap' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_controls_group( 'box', self::CONTROLS_CONTAINER_BOX, array(
'excludes' => array(
'alignment',
'bg_color',
'box_shadow',
),
) );
}
}