24.4 #Spacing.margin-left Margin-left classes

-sf-ml-{auto,zero,8xs,7xs,6xs,5xs,4xs,3xs,2xs,xs,s,m,l,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl, 9xl}

.-sf-ml-auto - auto

.-sf-ml-zero - 0

.-sf-ml-8xs - 1px

.-sf-ml-7xs - 2px

.-sf-ml-6xs - 3px

.-sf-ml-5xs - 4px

.-sf-ml-4xs - 5px

.-sf-ml-3xs - 10px

.-sf-ml-2xs - 15px

.-sf-ml-xs - 20px

.-sf-ml-s - 25px

.-sf-ml-m - 30px

.-sf-ml-l - 35px

.-sf-ml-xl - 40x

.-sf-ml-2xl - 45px

.-sf-ml-3xl - 50px

.-sf-ml-4xl - 55px

.-sf-ml-5xl - 60px

.-sf-ml-6xl - 80px

.-sf-ml-7xl - 100px

.-sf-ml-8xl - 120px

Html

    <div class="-sf-ml-auto">.-sf-ml-auto - auto</div>
    <div class="-sf-ml-zero">.-sf-ml-zero - 0</div>
    <div class="-sf-ml-8xs">.-sf-ml-8xs - 1px</div>
    <div class="-sf-ml-7xs">.-sf-ml-7xs - 2px</div>
    <div class="-sf-ml-6xs">.-sf-ml-6xs - 3px</div>
    <div class="-sf-ml-5xs">.-sf-ml-5xs - 4px</div>
    <div class="-sf-ml-4xs">.-sf-ml-4xs - 5px</div>
    <div class="-sf-ml-3xs">.-sf-ml-3xs - 10px</div>
    <div class="-sf-ml-2xs">.-sf-ml-2xs - 15px</div>
    <div class="-sf-ml-xs">.-sf-ml-xs - 20px</div>
    <div class="-sf-ml-s">.-sf-ml-s - 25px</div>
    <div class="-sf-ml-m">.-sf-ml-m - 30px</div>
    <div class="-sf-ml-l">.-sf-ml-l - 35px</div>
    <div class="-sf-ml-xl">.-sf-ml-xl - 40x</div>
    <div class="-sf-ml-2xl">.-sf-ml-2xl - 45px</div>
    <div class="-sf-ml-3xl">.-sf-ml-3xl  - 50px</div>
    <div class="-sf-ml-4xl">.-sf-ml-4xl - 55px</div>
    <div class="-sf-ml-5xl">.-sf-ml-5xl  - 60px</div>
    <div class="-sf-ml-6xl">.-sf-ml-6xl - 80px</div>
    <div class="-sf-ml-7xl">.-sf-ml-7xl  - 100px</div>
    <div class="-sf-ml-8xl">.-sf-ml-8xl  - 120px</div>