Amount Block

No notes defined.

<!-- Neutral Md -->
<div class="sds-amount">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{+#.###,##}</span>

        <span class="sds-amount__currency"></span>

    </div>

    <span class="sds-amount__suffix">
        {suffix}
    </span>

</div>

<!-- Neutral Md Icon -->
<div class="sds-amount -amountNeutral">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{-#.###,##}</span>

        <span class="sds-amount__currency"></span>

        <span class="sds-amount__prefix">
            <span class="sds-icon sds-icon-alert" aria-hidden="true"></span>
            <span class="sr-only">(Message pour lecteurs d'écran: p.ex: en cours de traitement)</span>
        </span>

    </div>

</div>

<!-- Neutral 2 Xl -->
<div class="sds-amount -amountNeutral -amount2xl">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{-#.###,##}</span>

        <span class="sds-amount__currency"></span>

    </div>

    <span class="sds-amount__suffix">
        {suffix}
    </span>

</div>

<!-- Neutral Xl -->
<div class="sds-amount -amountNeutral -amountXl">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{-#.###,##}</span>

        <span class="sds-amount__currency"></span>

    </div>

    <span class="sds-amount__suffix">
        {suffix}
    </span>

</div>

<!-- Neutral Lg -->
<div class="sds-amount -amountNeutral -amountLg">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{-#.###,##}</span>

        <span class="sds-amount__currency"></span>

    </div>

    <span class="sds-amount__suffix">
        {suffix}
    </span>

</div>

<!-- Neutral Sm -->
<div class="sds-amount -amountNeutral -amountSm">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{-#.###,##}</span>

        <span class="sds-amount__currency"></span>

    </div>

    <span class="sds-amount__suffix">
        {suffix}
    </span>

</div>

<!-- Neutral Xs -->
<div class="sds-amount -amountNeutral -amountXs">

    <div class="sds-amount__body">
        <span class="sds-amount__value">{-#.###,##}</span>

        <span class="sds-amount__currency"></span>

    </div>

    <span class="sds-amount__suffix">
        {suffix}
    </span>

</div>

{% include "@amount-frame" %}