get_css_var_prefix();
$content_key = "{$prefix}-content";
$this->add_control(
'container_notice',
array(
'raw' => esc_html__( 'Global settings that are used as defaults for the container and content in Header Top, Header Middle, Header Bottom, Main, Heading, Breadcrumbs (new row type), Footer Widgets, Footer.', 'bella-beauty' ),
'type' => Controls_Manager::RAW_HTML,
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
'render_type' => 'ui',
)
);
$this->add_responsive_control(
'container_width',
array(
'label' => esc_html__( 'Container Max Width', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 300,
'max' => 2000,
'step' => 10,
),
'%' => array(
'min' => 10,
'max' => 100,
),
'vw' => array(
'min' => 10,
'max' => 100,
),
),
'size_units' => array(
'px',
'%',
'vw',
),
'selectors' => array(
':root' => "--{$prefix}-container-width: {{SIZE}}{{UNIT}};",
),
)
);
$this->add_responsive_control(
'content_width',
array(
'label' => esc_html__( 'Content Max Width', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'px' => array(
'min' => 300,
'max' => 2000,
'step' => 10,
),
'%' => array(
'min' => 10,
'max' => 100,
),
'vw' => array(
'min' => 10,
'max' => 100,
),
),
'size_units' => array(
'px',
'%',
'vw',
),
'selectors' => array(
':root' => "--{$content_key}-width: {{SIZE}}{{UNIT}};",
),
)
);
$this->add_responsive_control(
'content_padding',
array(
'label' => esc_html__( 'Content Horizontal Padding', 'bella-beauty' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array(
'px',
'em',
'%',
),
'allowed_dimensions' => array( 'left', 'right' ),
'selectors' => array(
':root' => "--{$content_key}-padding-left: {{LEFT}}{{UNIT}};" .
"--{$content_key}-padding-right: {{RIGHT}}{{UNIT}};",
),
)
);
}
}