List Item: Media

No notes defined.

<div class="sds-listItem -listItemStatic" data-scope-wrapper="box" data-scope="flat">
    <div class="sds-listItem__leading">

        <div class="sds-media -mediaHasBg">

            <img src="../../media/illustrations/svg/hero/sdsillu-packagefull.svg" alt="">

        </div>

    </div>

    <div class="sds-listItem__center">

        <div class="sds-staticStackXs">
            <p class="sds-fontBase sds-textSemiBold sds-headingColor">Package Zebra premium</p>
            <p class="sds-textHelper sds-metaColor">3,50 € / mois</p>
        </div>

    </div>

    <div class="sds-listItem__trailing">

    </div>

</div>
{% extends "@list-item-frame" %}
{% block leading %}
	{% render "@media", {
		img: img,
		modifiers: ["-mediaHasBg"]
	}, true %}
{% endblock %}
{% block center %}
	<div class="{{ namespace }}staticStackXs">
		<p class="{{ namespace }}fontBase {{ namespace }}textSemiBold {{ namespace }}headingColor">{{ title }}</p>
		<p class="{{ namespace }}textHelper {{ namespace }}metaColor">{{ description }}{% if detail %}<br>{{ detail }}{% endif %}</p>
	</div>
{% endblock %}