for responsive CSS
if ( $size == 'custom' AND $breakpoint_1_height != '' OR $breakpoint_2_height != '' ) {
global $us_separator_index;
$us_separator_index = isset( $us_separator_index ) ? ( $us_separator_index + 1 ) : 1;
$classes .= ' us_separator_' . $us_separator_index;
$responsive_styles = '';
}
$classes .= ' size_' . $size;
if ( ! empty( $css ) AND function_exists( 'vc_shortcode_custom_css_class' ) ) {
$classes .= ' ' . vc_shortcode_custom_css_class( $css );
}
$classes .= ( ! empty( $el_class ) ) ? ( ' ' . $el_class ) : '';
$el_id = ( ! empty( $el_id ) ) ? ( ' id="' . esc_attr( $el_id ) . '"' ) : '';
// Link
$link_atts = us_generate_link_atts( $link );
if ( ! empty( $link_atts ) ) {
$link_opener = '';
$link_closer = '';
}
// Generate separator icon and title
if ( $show_line ) {
$classes .= ' with_line';
$classes .= ' width_' . $line_width;
$classes .= ' thick_' . $thick;
$classes .= ' style_' . $style;
$classes .= ' color_' . $color;
$classes .= ' align_' . $align;
if ( ! empty( $text ) ) {
$inner_html .= '<' . $title_tag . ' class="w-separator-text">';
$inner_html .= $link_opener;
$inner_html .= us_prepare_icon_tag( $icon );
$inner_html .= '' . strip_tags( $text, '
' ) . '';
$inner_html .= $link_closer;
$inner_html .= '' . $title_tag . '>';
} else {
$inner_html .= us_prepare_icon_tag( $icon );
}
if ( $inner_html != '' ) {
$classes .= ' with_content';
}
$inline_css = us_prepare_inline_css(
array(
'height' => $height,
'border-color' => $bdcolor,
'color' => $bdcolor,
'font-size' => $title_size,
)
);
} else {
$inline_css = us_prepare_inline_css(
array(
'height' => $height,
)
);
}
// Output the element
$output = '