add_control(
'notice',
array(
'raw' => esc_html__( 'Used in: default form, Gutenberg editor.', 'bella-beauty' ),
'type' => Controls_Manager::RAW_HTML,
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
'render_type' => 'ui',
)
);
$this->add_var_group_control( '', self::VAR_TYPOGRAPHY );
$this->add_controls_group( '', self::CONTROLS_STATES, array(
'states' => array(
'normal' => esc_html__( 'Normal', 'bella-beauty' ),
'focus' => esc_html__( 'Focus', 'bella-beauty' ),
),
) );
$this->add_responsive_control(
'padding',
array(
'label' => esc_html__( 'Padding', 'bella-beauty' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array(
'px',
'em',
'%',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'padding_top' ) . ': {{TOP}}{{UNIT}};' .
'--' . $this->get_control_prefix_parameter( '', 'padding_right' ) . ': {{RIGHT}}{{UNIT}};' .
'--' . $this->get_control_prefix_parameter( '', 'padding_bottom' ) . ': {{BOTTOM}}{{UNIT}};' .
'--' . $this->get_control_prefix_parameter( '', 'padding_left' ) . ': {{LEFT}}{{UNIT}};',
),
)
);
$this->add_control(
'placeholder_color',
array(
'label' => esc_html__( 'Placeholder Color', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'placeholder_color' ) . ': {{VALUE}};',
),
)
);
$this->add_control(
'label_heading_control',
array(
'label' => esc_html__( 'Label', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
)
);
$this->add_var_group_control( 'label', self::VAR_TYPOGRAPHY );
$this->add_control(
'label_color',
array(
'label' => esc_html__( 'Color', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'dynamic' => array(),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'label_color' ) . ': {{VALUE}};',
),
)
);
}
}