Example
Headline
Summe Bestellung
999,00 €
Versandkosten
+8,90 €
Markup
<div class="orderboxSummary">
<div class="orderboxSummary__head">
<div class="orderboxSummary__headline">Headline</div>
</div>
<div class="orderboxSummary__main">
<div class="amountLines">
<div class="amountLine">
<div class="amountLine__label">Summe Bestellung</div>
<div class="amountLine__value">999,00 €</div>
</div>
<div class="amountLine">
<div class="amountLine__label">Versandkosten</div>
<div class="amountLine__value">+8,90 €</div>
</div>
</div>
</div>
<div class="orderboxSummary__footer">
<div class="amountLines">
<div class="amountLine amountLine--big">
<div class="amountLine__label">Gesamtsumme</div>
<div class="amountLine__value">1.007,90 €</div>
</div>
<div class="amountLine">
<div class="amountLine__label">enthaltene MwSt. 19%</div>
<div class="amountLine__value">160,93 €</div>
</div>
</div>
<div class="orderboxSummary__buttons">
<button type="submit" class="button button--primary button--xl">Order</button>
</div>
<div class="orderboxSummary__trust">
<ul class="trustList">
<li><i class="icon icon-shipping"></i> Kostenloser Versand ab 50€</li>
<li><i class="icon icon-invoice"></i> Kauf auf Rechnung</li>
<li><i class="icon icon-retoure"></i> 50 Tage Rückgaberecht</li>
</ul>
</div>
</div>
</div>
Source:
build/doc/doc.css
, line 17378