Amount Suffix 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 -->
<div class="sds-amount -amountNeutral">

    <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 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" %}