function wd_icon_function($atts) { $default_atts = array("title" => "", "size" => "", "custom_size" => "", "icon" => "", "type" => "", "background_color" => "", "border_width" => "", "border_color" => "", "icon_color" => "", "margin" => "", "css_animation" => "", "link" => "", "target" => "", "distance" => "", "class" => ""); extract(shortcode_atts($default_atts, $atts)); $html = ""; if ($icon != "") { //generate inline icon styles $style = ''; $style_normal = ''; //$icon_stack_classes = ''; $animation_delay_style = ''; //generate icon stack styles $icon_stack_style = ''; $icon_stack_base_style = ''; $icon_stack_circle_styles = ''; $icon_stack_square_styles = ''; $icon_stack_normal_style = ''; if ($custom_size != "") { $style .= 'font-size: ' . $custom_size; $icon_stack_circle_styles .= 'font-size: ' . ($custom_size + intval($distance)); $icon_stack_square_styles .= 'font-size: ' . $custom_size; if (!strstr($custom_size, 'px')) { $style .= 'px;'; $icon_stack_circle_styles .= 'px;'; $icon_stack_square_styles .= 'px;'; } } if ($icon_color != "") { $style .= 'color: ' . $icon_color . ';'; } if ($background_color != "") { $icon_stack_base_style .= 'color: ' . $background_color . ';'; $icon_stack_style .= 'background-color: ' . $background_color . ';'; $icon_stack_square_styles .= 'background-color: ' . $background_color . ';'; } if ($border_width != '' && $border_color != "") { $icon_stack_style .= 'border-width:' . $border_width . (is_numeric($border_width) ? 'px' : '') . ';'; $icon_stack_style .= 'border-color: ' . $border_color . ';'; $icon_stack_style .= 'border-style: solid;'; } if ($margin != "") { $icon_stack_style .= 'margin: ' . $margin . (is_numeric($margin) ? 'px' : '') . ';'; $icon_stack_circle_styles .= 'margin: ' . $margin . (is_numeric($margin) ? 'px' : '') . ';'; $icon_stack_normal_style .= 'margin: ' . $margin . (is_numeric($margin) ? 'px' : '') . ';'; } $css_animation = WPBakeryShortCode_Settings::getCSSAnimation($css_animation); switch ($type) { case 'circle': $html = '<span class="fa-stack wd_font_awsome_icon_stack ' . $size . ' ' . $css_animation . '" style="' . $icon_stack_circle_styles . '">'; if ($link != "") { $html .= '<a href="' . $link . '" target="' . $target . '">'; } $html .= '<i class="fa fa-circle fa-stack-base fa-stack-2x" style="' . $icon_stack_base_style . '"></i>'; $html .= '<i class="fa ' . $icon . ' fa-stack-1x" style="' . $style . '"></i>'; break; case 'square': $html = '<span class="fa-stack wd_font_awsome_icon_square ' . $size . ' ' . $css_animation . '" style="' . $icon_stack_style . $icon_stack_square_styles . '">'; if ($link != "") { $html .= '<a href="' . $link . '" target="' . $target . '">'; } $html .= '<i class="fa ' . $icon . ' fa-stack-1x" style="' . $style . '"></i>'; break; default: $html = '<span class="wd_font_awsome_icon ' . $size . ' ' . $css_animation . '" style="' . $icon_stack_normal_style . '">'; if ($link != "") { $html .= '<a href="' . $link . '" target="' . $target . '">'; } $html .= '<i class="fa ' . $icon . ' fa-stack-1x" style="' . $style . '"></i>'; break; } if ($link != "") { $html .= '</a>'; } $html .= '</span>'; } if ($class != '') { $html = '<span class="' . $class . '">' . $html . '</span>'; } if ($title != "") { $html = '<div class="icon-wrapper"><span class="icon-item">' . $html . '</span><span class="h4 icon-item">' . $title . '</span></div>'; } return $html; }