<#macro svgUse cssClass spriteUrl symbolId>
<@html.svgUse cssClass spriteUrl symbolId/>
</#macro>

<#macro svgUseObject svgIcon>
<@html.svgUseObject svgIcon />
</#macro>


<#macro flexOrder xs="" sm="" md="" lg="" xl="">
<#if xs?has_content>order-${xs}</#if> <#if sm?has_content>order-sm-${sm}</#if> <#if md?has_content>order-md-${md}</#if> <#if lg?has_content>order-lg-${lg}</#if> <#if xl?has_content>order-xl-${xl}</#if>
</#macro>


<#macro target target="">
<@html.optAttribute "target" target/>
</#macro>


<#macro fitContentImageUrl url height="" width="">
<#assign resultUrl><@addUrlParameter url=url name="SHeight" value=height /></#assign>
<#assign resultUrl><@addUrlParameter url=resultUrl name="SWidth" value=width /></#assign>${resultUrl}</#macro>



<#macro addUrlParameter url name value="">
<#assign delimiter = url?contains("?")?then("&","?")><#if value?has_content>${url}${delimiter}${name}=${value}<#else>${url}</#if></#macro>


<#-- ${url}${delimiter}${name}<#if value?has_content>=${value}</#if> -->