'100%', 'table-layout' => 'auto', 'border-collapse' => 'collapse', 'border-spacing' => '0', 'mso-table-lspace' => '0pt', 'mso-table-rspace' => '0pt', ] ); $step_marker_table_class = 'yaymail-element-order-progress yaymail-element-order-progress--step-marker'; ?> $step ) : ?> $bubble_cell_size . 'px', 'height' => $bubble_cell_size . 'px', 'background-color' => $image_bg_color ? $image_bg_color : 'transparent', 'border-radius' => '35%', 'mso-border-radius' => '35%', 'text-align' => 'center', 'vertical-align' => 'middle', 'padding' => '0', ] ); $pointer_fill = $image_bg_color ? $image_bg_color : 'transparent'; $icon_pointer_style = TemplateHelpers::get_style( [ 'width' => '0', 'height' => '0', 'border-left' => '10px solid transparent', 'border-right' => '10px solid transparent', 'border-top' => '12px solid ' . $pointer_fill, 'margin-left' => 'auto !important', 'margin-right' => 'auto !important', 'font-size' => '0', 'line-height' => '0', ] ); $icon_pct = isset( $column_width_percents[ $index ] ) ? (int) $column_width_percents[ $index ] : (int) floor( 100 / max( 1, $step_count ) ); ?>

$step ) : ?> $col_pct . '%', 'vertical-align' => 'middle', 'padding' => '0', 'padding-left' => ( 0 === (int) $index ) ? $edge_track_padding_px . 'px' : '0', 'padding-right' => ( (int) $index === $step_count - 1 ) ? $edge_track_padding_px . 'px' : '0', 'text-align' => 'center', 'line-height' => '0', 'font-size' => '0', ] ); $bar_left_style = TemplateHelpers::get_style( [ 'height' => $bar_height . 'px', 'background' => $left_color, 'width' => '100%', 'font-size' => '0', 'line-height' => '0', ] ); $bar_right_style = TemplateHelpers::get_style( [ 'height' => $bar_height . 'px', 'background' => $right_color, 'width' => '100%', 'font-size' => '0', 'line-height' => '0', ] ); ?>

$ring_outer_px . 'px', 'height' => $ring_outer_px . 'px', 'border-radius' => ( (int) ( $ring_outer_px ) ) . 'px', 'border' => $dot_ring_size . 'px solid ' . $yaymail_ring_border, 'background' => '#ffffff', 'box-sizing' => 'border-box', 'margin' => '0 auto', ] ); $inner_dot_style = TemplateHelpers::get_style( [ 'width' => $inner_dot_px . 'px', 'height' => $inner_dot_px . 'px', 'border-radius' => ( (int) ( $inner_dot_px ) ) . 'px', 'background' => $current_step_accent, 'margin' => $inner_dot_margin_top + 3 . 'px auto 0', 'font-size' => '0', 'line-height' => '0', ] ); ?>

$small_dot_px . 'px', 'height' => $small_dot_px . 'px', 'border-radius' => ( (int) ( $small_dot_px / 2 ) ) . 'px', 'background' => $plain_fill, 'margin' => '0 3px', 'font-size' => '0', 'line-height' => '0', ] ); ?>

$step ) : ?> '0', 'padding' => '0', 'font-size' => $label_font_size . 'px', 'line-height' => '1.2', 'color' => $label_color, 'text-align' => $label_align, 'font-family' => $label_font_family, ] ); ?>