Product Frame

No notes defined.

<article class="sds-product sds-box  sds-scaleInteraction">
    <div class="sds-product__inner sds-stackXl">
        <div class="sds-product__mainContent">

        </div>

    </div>
</article>
 
<article class="{{ namespace }}product {{ namespace }}box {% if interaction %} {{ namespace }}scaleInteraction{% else %} {{ namespace }}boxShadowActive{% endif %}{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	<div class="{{ namespace }}product__inner {{ namespace }}stackXl">
		<div class="{{ namespace }}product__mainContent">
			{% block header %}
			{% endblock %}
		</div>
		{% block body %}
		{% endblock %}
		{% if footer %}
		<footer class="{{ namespace }}product__footer {{ namespace }}stackLg">
		{% endif %}
			{% block footer %}
			{% endblock %}
		{% if footer %}
		</footer>
		{% endif %}
	</div>
</article>