__( 'Separator', 'us' ),
'description' => __( 'Gap between elements', 'us' ),
'category' => __( 'Basic', 'us' ),
'icon' => 'fas fa-grip-lines',
'params' => us_set_params_weight(
// General section
array(
'size' => array(
'title' => us_translate( 'Height' ),
'type' => 'radio',
'options' => array(
'small' => 'S',
'medium' => 'M',
'large' => 'L',
'huge' => 'XL',
'custom' => __( 'Custom', 'us' ),
),
'std' => 'medium',
'admin_label' => TRUE,
'usb_preview' => array(
'mod' => 'size',
),
),
'height' => array(
'description' => __( 'Examples:', 'us' ) . ' 30px, 2rem, 5vh',
'type' => 'text',
'std' => '',
'holder' => 'div',
'classes' => 'for_above',
'show_if' => array( 'size', '=', 'custom' ),
'usb_preview' => array(
'css' => 'height',
),
),
'show_line' => array(
'type' => 'switch',
'switch_text' => __( 'Show horizontal line in the middle', 'us' ),
'std' => FALSE,
'usb_preview' => TRUE,
),
'line_width' => array(
'title' => __( 'Line Width', 'us' ),
'type' => 'select',
'options' => array(
'default' => '100%',
'30' => '30%',
'50' => '50%',
'screen' => us_translate( 'Full width' ),
),
'std' => 'default',
'cols' => 2,
'show_if' => array( 'show_line', '!=', FALSE ),
'usb_preview' => TRUE,
),
'thick' => array(
'title' => __( 'Line Thickness', 'us' ),
'type' => 'radio',
'options' => array(
'1' => '1px',
'2' => '2px',
'3' => '3px',
'4' => '4px',
'5' => '5px',
),
'std' => '1',
'cols' => 2,
'show_if' => array( 'show_line', '!=', FALSE ),
'usb_preview' => array(
'mod' => 'thick',
),
),
'color' => array(
'title' => __( 'Line Color', 'us' ),
'type' => 'select',
'options' => array(
'border' => __( 'Border (theme color)', 'us' ),
'text' => __( 'Text (theme color)', 'us' ),
'primary' => __( 'Primary (theme color)', 'us' ),
'secondary' => __( 'Secondary (theme color)', 'us' ),
),
'std' => 'border',
'cols' => 2,
'show_if' => array( 'show_line', '!=', FALSE ),
'usb_preview' => array(
'mod' => 'color',
),
),
'style' => array(
'title' => __( 'Line Style', 'us' ),
'type' => 'select',
'options' => array(
'solid' => __( 'Solid', 'us' ),
'dashed' => __( 'Dashed', 'us' ),
'dotted' => __( 'Dotted', 'us' ),
'double' => __( 'Double', 'us' ),
),
'std' => 'solid',
'cols' => 2,
'show_if' => array( 'show_line', '!=', FALSE ),
'usb_preview' => array(
'mod' => 'style',
),
),
),
// Icon and Title
array(
'icon' => array(
'title' => __( 'Icon', 'us' ),
'type' => 'icon',
'std' => '',
'show_if' => array( 'show_line', '!=', FALSE ),
'group' => __( 'Icon and Title', 'us' ),
'usb_preview' => TRUE,
),
'text' => array(
'title' => us_translate( 'Title' ),
'type' => 'text',
'std' => '',
'holder' => 'div',
'show_if' => array( 'show_line', '!=', FALSE ),
'group' => __( 'Icon and Title', 'us' ),
'usb_preview' => TRUE,
),
'link' => array(
'title' => us_translate( 'Link' ),
'type' => 'link',
'std' => '',
'show_if' => array( 'text', '!=', '' ),
'group' => __( 'Icon and Title', 'us' ),
'usb_preview' => TRUE,
),
'title_tag' => array(
'title' => __( 'Title HTML tag', 'us' ),
'type' => 'select',
'options' => $misc['html_tag_values'],
'std' => 'h6',
'show_if' => array( 'text', '!=', '' ),
'group' => __( 'Icon and Title', 'us' ),
'usb_preview' => array(
'attr' => 'tag',
'elm' => '.w-separator-text',
),
),
'align' => array(
'title' => us_translate( 'Alignment' ),
'type' => 'radio',
'labels_as_icons' => 'fas fa-align-*',
'options' => array(
'none' => us_translate( 'Default' ),
'left' => us_translate( 'Left' ),
'center' => us_translate( 'Center' ),
'right' => us_translate( 'Right' ),
),
'std' => 'center',
'show_if' => array( 'show_line', '!=', FALSE ),
'group' => __( 'Icon and Title', 'us' ),
'usb_preview' => array(
'mod' => 'align',
),
),
),
// Responsive Options section
array(
'breakpoint_1_width' => array(
'title' => __( 'Below screen width', 'us' ),
'type' => 'slider',
'options' => array(
'px' => array(
'min' => 600,
'max' => 1200,
),
),
'std' => '1025px',
'cols' => 2,
'group' => __( 'Responsive', 'us' ),
'usb_preview' => TRUE,
),
'breakpoint_1_height' => array(
'title' => us_translate( 'Height' ),
'description' => __( 'Examples:', 'us' ) . ' 10px, 1rem, 3vh',
'type' => 'text',
'std' => '',
'cols' => 2,
'group' => __( 'Responsive', 'us' ),
'usb_preview' => TRUE,
),
'breakpoint_2_width' => array(
'title' => __( 'Below screen width', 'us' ),
'type' => 'slider',
'options' => array(
'px' => array(
'min' => 300,
'max' => 900,
),
),
'std' => '601px',
'cols' => 2,
'group' => __( 'Responsive', 'us' ),
'usb_preview' => TRUE,
),
'breakpoint_2_height' => array(
'title' => us_translate( 'Height' ),
'description' => __( 'Examples:', 'us' ) . ' 10px, 1rem, 3vh',
'type' => 'text',
'std' => '',
'cols' => 2,
'group' => __( 'Responsive', 'us' ),
'usb_preview' => TRUE,
),
),
$design_options_params
),
);