24.2 #Spacing.margin-bottom-negative Margin-bottom negative classes

-sf-mb--{6xl, 5xl, 4xl, 3xl, 2xl, xl, l, m, s, xs, 2xs, 3xs, 4xs}

.-sf-mb--6xl - -80px

.-sf-mb--5xl - -60px

.-sf-mb--4xl - -55px

.-sf-mb--3xl - -50px

.-sf-mb--2xl - -45px

.-sf-mb--xl - -40x

.-sf-mb--l - -35px

.-sf-mb--m - -30px

.-sf-mb--s - -25px

.-sf-mb--xs - -20px

.-sf-mb--2xs - -15px

.-sf-mb--3xs - -10px

.-sf-mb--4xs - -5px

Html

    <div class="--sf-mb--6xl">.-sf-mb--6xl - -80px</div>
    <div class="--sf-mb--5xl">.-sf-mb--5xl  - -60px</div>
    <div class="--sf-mb--4xl">.-sf-mb--4xl - -55px</div>
    <div class="--sf-mb--3xl">.-sf-mb--3xl  - -50px</div>
    <div class="--sf-mb--2xl">.-sf-mb--2xl - -45px</div>
    <div class="--sf-mb--xl">.-sf-mb--xl - -40x</div>
    <div class="--sf-mb--l">.-sf-mb--l - -35px</div>
    <div class="--sf-mb--m">.-sf-mb--m - -30px</div>
    <div class="--sf-mb--s">.-sf-mb--s - -25px</div>
    <div class="--sf-mb--xs">.-sf-mb--xs - -20px</div>
    <div class="--sf-mb--2xs">.-sf-mb--2xs - -15px</div>
    <div class="--sf-mb--3xs">.-sf-mb--3xs - -10px</div>
    <div class="--sf-mb--4xs">.-sf-mb--4xs - -5px</div>