Document Card: Overlay

No notes defined.

<div class="sds-document sds-box -documentOverlay sds-scaleInteraction">
    <div class="sds-document__imgContainer">

        <img class="sds-document__img" src="../../media/spuerkeess-site/components/document-download/pret-au-logement.jpeg" alt="">

    </div>
    <div class="sds-document__body">
        <div class="sds-stackXs">
            <h3 class="h3">Brochure &#39;Guide du Prêt au Logement&#39;</h3>
            <p class="sds-document__description">La construction, l’achat ou la rénovation / transformation d’un logement est un projet important.</p>
        </div>
        <div class="sds-document__actionZone">
            <span class="sds-document__meta sds-textHelperSmall">{Size}</span>
            <a href="" class="sds-btn -btnPrimary sds-document__action stretched-link">

                <span class="sds-btn__text">Télécharger</span>

                <span class="sds-icon sds-icon-download"></span>

            </a>
        </div>
    </div>
</div>
 
<div class="{{ namespace }}document{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	<div class="{{ namespace }}document__imgContainer">
		{% if nopic %}
		{% render "@nopic-document",{
			classes: [namespace + "document__noPic"]
		},true %}
		{% else %}
			<img class="{{ namespace }}document__img" src="{{ (mediaPath + img ) | path }}" alt="">
		{% endif %}
	</div>
	<div class="{{ namespace }}document__body">
		<div class="{{ namespace }}stackXs">
			<h3 class="h3">{{ title }}</h3>
			{% if description %}<p class="{{ namespace }}document__description">{{ description }}</p>{% endif %}
		</div>
		<div class="{{ namespace }}document__actionZone">
			<span class="{{ namespace }}document__meta {{ namespace }}textHelperSmall">{{ meta }}</span>
			{% render "@btn-primary--icon-right", {
				eltType: "a",
				text: "Télécharger",
				icon: "icon-download",
				classes: [namespace+ "document__action", "stretched-link"]
			},true %}
		</div>
	</div>
</div>