Margin utilities across breakpoints
when your container has padding and you'd like to break out of it, use this utility
<div class="m:0">margin: 0</div>
<div class="m:.1">margin: .1</div>
<div class="m:.2">margin: .2</div>
<div class="m:.3">margin: .3</div>
<div class="m:.4">margin: .4</div>
<div class="m:.5">margin: .5</div>
<div class="m:.6">margin: .6</div>
<div class="m:.7">margin: .7</div>
<div class="m:.8">margin: .8</div>
<div class="m:.9">margin: .9</div>
<div class="m:1">margin: 1</div>
<div class="m:2">margin: 2</div>
<div class="m:3">margin: 3</div>
<div class="m:4">margin: 4</div>
<div class="m:5">margin: 5</div>
<div class="m:6">margin: 6</div>
<div class="m:7">margin: 7</div>
<div class="m:8">margin: 8</div>
<div class="m:9">margin: 9</div>
<div class="m:10">margin: 10</div>
<div class="m-x:0">margin-x: 0</div>
<div class="m-x:.1">margin-x: .1</div>
<div class="m-x:.2">margin-x: .2</div>
<div class="m-x:.3">margin-x: .3</div>
<div class="m-x:.4">margin-x: .4</div>
<div class="m-x:.5">margin-x: .5</div>
<div class="m-x:.6">margin-x: .6</div>
<div class="m-x:.7">margin-x: .7</div>
<div class="m-x:.8">margin-x: .8</div>
<div class="m-x:.9">margin-x: .9</div>
<div class="m-x:1">margin-x: 1</div>
<div class="m-x:2">margin-x: 2</div>
<div class="m-x:3">margin-x: 3</div>
<div class="m-x:4">margin-x: 4</div>
<div class="m-x:5">margin-x: 5</div>
<div class="m-x:6">margin-x: 6</div>
<div class="m-x:7">margin-x: 7</div>
<div class="m-x:8">margin-x: 8</div>
<div class="m-x:9">margin-x: 9</div>
<div class="m-x:10">margin-x: 10</div>
<div class="m-x:r">margin-x: release</div>
<p>when your container has padding and you'd like to break out of it, use this utility</p>
<div class="m-y:0">margin-y: 0</div>
<div class="m-y:.1">margin-y: .1</div>
<div class="m-y:.2">margin-y: .2</div>
<div class="m-y:.3">margin-y: .3</div>
<div class="m-y:.4">margin-y: .4</div>
<div class="m-y:.5">margin-y: .5</div>
<div class="m-y:.6">margin-y: .6</div>
<div class="m-y:.7">margin-y: .7</div>
<div class="m-y:.8">margin-y: .8</div>
<div class="m-y:.9">margin-y: .9</div>
<div class="m-y:1">margin-y: 1</div>
<div class="m-y:2">margin-y: 2</div>
<div class="m-y:3">margin-y: 3</div>
<div class="m-y:4">margin-y: 4</div>
<div class="m-y:5">margin-y: 5</div>
<div class="m-y:6">margin-y: 6</div>
<div class="m-y:7">margin-y: 7</div>
<div class="m-y:8">margin-y: 8</div>
<div class="m-y:9">margin-y: 9</div>
<div class="m-y:10">margin-y: 10</div>
<div class="m-t:0">margin-top: 0</div>
<div class="m-t:.1">margin-top: .1</div>
<div class="m-t:.2">margin-top: .2</div>
<div class="m-t:.3">margin-top: .3</div>
<div class="m-t:.4">margin-top: .4</div>
<div class="m-t:.5">margin-top: .5</div>
<div class="m-t:.6">margin-top: .6</div>
<div class="m-t:.7">margin-top: .7</div>
<div class="m-t:.8">margin-top: .8</div>
<div class="m-t:.9">margin-top: .9</div>
<div class="m-t:1">margin-top: 1</div>
<div class="m-t:2">margin-top: 2</div>
<div class="m-t:3">margin-top: 3</div>
<div class="m-t:4">margin-top: 4</div>
<div class="m-t:5">margin-top: 5</div>
<div class="m-t:6">margin-top: 6</div>
<div class="m-t:7">margin-top: 7</div>
<div class="m-t:8">margin-top: 8</div>
<div class="m-t:9">margin-top: 9</div>
<div class="m-t:10">margin-top: 10</div>
<div class="m-b:0">margin-bottom: 0</div>
<div class="m-b:.1">margin-bottom: .1</div>
<div class="m-b:.2">margin-bottom: .2</div>
<div class="m-b:.3">margin-bottom: .3</div>
<div class="m-b:.4">margin-bottom: .4</div>
<div class="m-b:.5">margin-bottom: .5</div>
<div class="m-b:.6">margin-bottom: .6</div>
<div class="m-b:.7">margin-bottom: .7</div>
<div class="m-b:.8">margin-bottom: .8</div>
<div class="m-b:.9">margin-bottom: .9</div>
<div class="m-b:1">margin-bottom: 1</div>
<div class="m-b:2">margin-bottom: 2</div>
<div class="m-b:3">margin-bottom: 3</div>
<div class="m-b:4">margin-bottom: 4</div>
<div class="m-b:5">margin-bottom: 5</div>
<div class="m-b:6">margin-bottom: 6</div>
<div class="m-b:7">margin-bottom: 7</div>
<div class="m-b:8">margin-bottom: 8</div>
<div class="m-b:9">margin-bottom: 9</div>
<div class="m-b:10">margin-bottom: 10</div>
<div class="m-l:0">margin-left: 0</div>
<div class="m-l:.1">margin-left: .1</div>
<div class="m-l:.2">margin-left: .2</div>
<div class="m-l:.3">margin-left: .3</div>
<div class="m-l:.4">margin-left: .4</div>
<div class="m-l:.5">margin-left: .5</div>
<div class="m-l:.6">margin-left: .6</div>
<div class="m-l:.7">margin-left: .7</div>
<div class="m-l:.8">margin-left: .8</div>
<div class="m-l:.9">margin-left: .9</div>
<div class="m-l:1">margin-left: 1</div>
<div class="m-l:2">margin-left: 2</div>
<div class="m-l:3">margin-left: 3</div>
<div class="m-l:4">margin-left: 4</div>
<div class="m-l:5">margin-left: 5</div>
<div class="m-l:6">margin-left: 6</div>
<div class="m-l:7">margin-left: 7</div>
<div class="m-l:8">margin-left: 8</div>
<div class="m-l:9">margin-left: 9</div>
<div class="m-l:10">margin-left: 10</div>
<div class="m-r:0">margin-right: 0</div>
<div class="m-r:.1">margin-right: .1</div>
<div class="m-r:.2">margin-right: .2</div>
<div class="m-r:.3">margin-right: .3</div>
<div class="m-r:.4">margin-right: .4</div>
<div class="m-r:.5">margin-right: .5</div>
<div class="m-r:.6">margin-right: .6</div>
<div class="m-r:.7">margin-right: .7</div>
<div class="m-r:.8">margin-right: .8</div>
<div class="m-r:.9">margin-right: .9</div>
<div class="m-r:1">margin-right: 1</div>
<div class="m-r:2">margin-right: 2</div>
<div class="m-r:3">margin-right: 3</div>
<div class="m-r:4">margin-right: 4</div>
<div class="m-r:5">margin-right: 5</div>
<div class="m-r:6">margin-right: 6</div>
<div class="m-r:7">margin-right: 7</div>
<div class="m-r:8">margin-right: 8</div>
<div class="m-r:9">margin-right: 9</div>
<div class="m-r:10">margin-right: 10</div>
<div class="m:-0">margin: negative 0</div>
<div class="m:-.1">margin: negative .1</div>
<div class="m:-.2">margin: negative .2</div>
<div class="m:-.3">margin: negative .3</div>
<div class="m:-.4">margin: negative .4</div>
<div class="m:-.5">margin: negative .5</div>
<div class="m:-.6">margin: negative .6</div>
<div class="m:-.7">margin: negative .7</div>
<div class="m:-.8">margin: negative .8</div>
<div class="m:-.9">margin: negative .9</div>
<div class="m:-1">margin: negative 1</div>
<div class="m:-2">margin: negative 2</div>
<div class="m:-3">margin: negative 3</div>
<div class="m:-4">margin: negative 4</div>
<div class="m:-5">margin: negative 5</div>
<div class="m:-6">margin: negative 6</div>
<div class="m:-7">margin: negative 7</div>
<div class="m:-8">margin: negative 8</div>
<div class="m:-9">margin: negative 9</div>
<div class="m:-10">margin: negative 10</div>
<div class="m-x:-0">margin-x: negative 0</div>
<div class="m-x:-.1">margin-x: negative .1</div>
<div class="m-x:-.2">margin-x: negative .2</div>
<div class="m-x:-.3">margin-x: negative .3</div>
<div class="m-x:-.4">margin-x: negative .4</div>
<div class="m-x:-.5">margin-x: negative .5</div>
<div class="m-x:-.6">margin-x: negative .6</div>
<div class="m-x:-.7">margin-x: negative .7</div>
<div class="m-x:-.8">margin-x: negative .8</div>
<div class="m-x:-.9">margin-x: negative .9</div>
<div class="m-x:-1">margin-x: negative 1</div>
<div class="m-x:-2">margin-x: negative 2</div>
<div class="m-x:-3">margin-x: negative 3</div>
<div class="m-x:-4">margin-x: negative 4</div>
<div class="m-x:-5">margin-x: negative 5</div>
<div class="m-x:-6">margin-x: negative 6</div>
<div class="m-x:-7">margin-x: negative 7</div>
<div class="m-x:-8">margin-x: negative 8</div>
<div class="m-x:-9">margin-x: negative 9</div>
<div class="m-x:-10">margin-x: negative 10</div>
<div class="m-y:-0">margin-y: negative-0</div>
<div class="m-y:-.1">margin-y: negative-.1</div>
<div class="m-y:-.2">margin-y: negative-.2</div>
<div class="m-y:-.3">margin-y: negative-.3</div>
<div class="m-y:-.4">margin-y: negative-.4</div>
<div class="m-y:-.5">margin-y: negative-.5</div>
<div class="m-y:-.6">margin-y: negative-.6</div>
<div class="m-y:-.7">margin-y: negative-.7</div>
<div class="m-y:-.8">margin-y: negative-.8</div>
<div class="m-y:-.9">margin-y: negative-.9</div>
<div class="m-y:-1">margin-y: negative-1</div>
<div class="m-y:-2">margin-y: negative-2</div>
<div class="m-y:-3">margin-y: negative-3</div>
<div class="m-y:-4">margin-y: negative-4</div>
<div class="m-y:-5">margin-y: negative-5</div>
<div class="m-y:-6">margin-y: negative-6</div>
<div class="m-y:-7">margin-y: negative-7</div>
<div class="m-y:-8">margin-y: negative-8</div>
<div class="m-y:-9">margin-y: negative-9</div>
<div class="m-y:-10">margin-y: negative-10</div>
<div class="m-t:-0">margin-top: negative 0</div>
<div class="m-t:-.1">margin-top: negative .1</div>
<div class="m-t:-.2">margin-top: negative .2</div>
<div class="m-t:-.3">margin-top: negative .3</div>
<div class="m-t:-.4">margin-top: negative .4</div>
<div class="m-t:-.5">margin-top: negative .5</div>
<div class="m-t:-.6">margin-top: negative .6</div>
<div class="m-t:-.7">margin-top: negative .7</div>
<div class="m-t:-.8">margin-top: negative .8</div>
<div class="m-t:-.9">margin-top: negative .9</div>
<div class="m-t:-1">margin-top: negative 1</div>
<div class="m-t:-2">margin-top: negative 2</div>
<div class="m-t:-3">margin-top: negative 3</div>
<div class="m-t:-4">margin-top: negative 4</div>
<div class="m-t:-5">margin-top: negative 5</div>
<div class="m-t:-6">margin-top: negative 6</div>
<div class="m-t:-7">margin-top: negative 7</div>
<div class="m-t:-8">margin-top: negative 8</div>
<div class="m-t:-9">margin-top: negative 9</div>
<div class="m-t:-10">margin-top: negative 10</div>
<div class="m-b:-0">margin-bottom: negative 0</div>
<div class="m-b:-.1">margin-bottom: negative .1</div>
<div class="m-b:-.2">margin-bottom: negative .2</div>
<div class="m-b:-.3">margin-bottom: negative .3</div>
<div class="m-b:-.4">margin-bottom: negative .4</div>
<div class="m-b:-.5">margin-bottom: negative .5</div>
<div class="m-b:-.6">margin-bottom: negative .6</div>
<div class="m-b:-.7">margin-bottom: negative .7</div>
<div class="m-b:-.8">margin-bottom: negative .8</div>
<div class="m-b:-.9">margin-bottom: negative .9</div>
<div class="m-b:-1">margin-bottom: negative 1</div>
<div class="m-b:-2">margin-bottom: negative 2</div>
<div class="m-b:-3">margin-bottom: negative 3</div>
<div class="m-b:-4">margin-bottom: negative 4</div>
<div class="m-b:-5">margin-bottom: negative 5</div>
<div class="m-b:-6">margin-bottom: negative 6</div>
<div class="m-b:-7">margin-bottom: negative 7</div>
<div class="m-b:-8">margin-bottom: negative 8</div>
<div class="m-b:-9">margin-bottom: negative 9</div>
<div class="m-b:-10">margin-bottom: negative 10</div>
<div class="m-l:-0">margin-left: negative 0</div>
<div class="m-l:-.1">margin-left: negative .1</div>
<div class="m-l:-.2">margin-left: negative .2</div>
<div class="m-l:-.3">margin-left: negative .3</div>
<div class="m-l:-.4">margin-left: negative .4</div>
<div class="m-l:-.5">margin-left: negative .5</div>
<div class="m-l:-.6">margin-left: negative .6</div>
<div class="m-l:-.7">margin-left: negative .7</div>
<div class="m-l:-.8">margin-left: negative .8</div>
<div class="m-l:-.9">margin-left: negative .9</div>
<div class="m-l:-1">margin-left: negative 1</div>
<div class="m-l:-2">margin-left: negative 2</div>
<div class="m-l:-3">margin-left: negative 3</div>
<div class="m-l:-4">margin-left: negative 4</div>
<div class="m-l:-5">margin-left: negative 5</div>
<div class="m-l:-6">margin-left: negative 6</div>
<div class="m-l:-7">margin-left: negative 7</div>
<div class="m-l:-8">margin-left: negative 8</div>
<div class="m-l:-9">margin-left: negative 9</div>
<div class="m-l:-10">margin-left: negative 10</div>
<div class="m-r:-0">margin-right: negative 0</div>
<div class="m-r:-.1">margin-right: negative .1</div>
<div class="m-r:-.2">margin-right: negative .2</div>
<div class="m-r:-.3">margin-right: negative .3</div>
<div class="m-r:-.4">margin-right: negative .4</div>
<div class="m-r:-.5">margin-right: negative .5</div>
<div class="m-r:-.6">margin-right: negative .6</div>
<div class="m-r:-.7">margin-right: negative .7</div>
<div class="m-r:-.8">margin-right: negative .8</div>
<div class="m-r:-.9">margin-right: negative .9</div>
<div class="m-r:-1">margin-right: negative 1</div>
<div class="m-r:-2">margin-right: negative 2</div>
<div class="m-r:-3">margin-right: negative 3</div>
<div class="m-r:-4">margin-right: negative 4</div>
<div class="m-r:-5">margin-right: negative 5</div>
<div class="m-r:-6">margin-right: negative 6</div>
<div class="m-r:-7">margin-right: negative 7</div>
<div class="m-r:-8">margin-right: negative 8</div>
<div class="m-r:-9">margin-right: negative 9</div>
<div class="m-r:-10">margin-right: negative 10</div>
Padding utilities across breakpoints
<div class="m-b:1">
<div class="p:0 d:i-b bg:black.3">padding: 0</div>
</div>
<div class="m-b:1">
<div class="p:.1 d:i-b bg:black.3">padding: .1</div>
</div>
<div class="m-b:1">
<div class="p:.2 d:i-b bg:black.3">padding: .2</div>
</div>
<div class="m-b:1">
<div class="p:.3 d:i-b bg:black.3">padding: .3</div>
</div>
<div class="m-b:1">
<div class="p:.4 d:i-b bg:black.3">padding: .4</div>
</div>
<div class="m-b:1">
<div class="p:.5 d:i-b bg:black.3">padding: .5</div>
</div>
<div class="m-b:1">
<div class="p:.6 d:i-b bg:black.3">padding: .6</div>
</div>
<div class="m-b:1">
<div class="p:.7 d:i-b bg:black.3">padding: .7</div>
</div>
<div class="m-b:1">
<div class="p:.8 d:i-b bg:black.3">padding: .8</div>
</div>
<div class="m-b:1">
<div class="p:.9 d:i-b bg:black.3">padding: .9</div>
</div>
<div class="m-b:1">
<div class="p:1 d:i-b bg:black.3">padding: 1</div>
</div>
<div class="m-b:1">
<div class="p:2 d:i-b bg:black.3">padding: 2</div>
</div>
<div class="m-b:1">
<div class="p:3 d:i-b bg:black.3">padding: 3</div>
</div>
<div class="m-b:1">
<div class="p:4 d:i-b bg:black.3">padding: 4</div>
</div>
<div class="m-b:1">
<div class="p:5 d:i-b bg:black.3">padding: 5</div>
</div>
<div class="m-b:1">
<div class="p:6 d:i-b bg:black.3">padding: 6</div>
</div>
<div class="m-b:1">
<div class="p:7 d:i-b bg:black.3">padding: 7</div>
</div>
<div class="m-b:1">
<div class="p:8 d:i-b bg:black.3">padding: 8</div>
</div>
<div class="m-b:1">
<div class="p:9 d:i-b bg:black.3">padding: 9</div>
</div>
<div class="m-b:1">
<div class="p:10 d:i-b bg:black.3">padding: 10</div>
</div>
<div class="m-b:1">
<div class="p-x:0 d:i-b bg:black.3">padding-x: 0</div>
</div>
<div class="m-b:1">
<div class="p-x:.1 d:i-b bg:black.3">padding-x: .1</div>
</div>
<div class="m-b:1">
<div class="p-x:.2 d:i-b bg:black.3">padding-x: .2</div>
</div>
<div class="m-b:1">
<div class="p-x:.3 d:i-b bg:black.3">padding-x: .3</div>
</div>
<div class="m-b:1">
<div class="p-x:.4 d:i-b bg:black.3">padding-x: .4</div>
</div>
<div class="m-b:1">
<div class="p-x:.5 d:i-b bg:black.3">padding-x: .5</div>
</div>
<div class="m-b:1">
<div class="p-x:.6 d:i-b bg:black.3">padding-x: .6</div>
</div>
<div class="m-b:1">
<div class="p-x:.7 d:i-b bg:black.3">padding-x: .7</div>
</div>
<div class="m-b:1">
<div class="p-x:.8 d:i-b bg:black.3">padding-x: .8</div>
</div>
<div class="m-b:1">
<div class="p-x:.9 d:i-b bg:black.3">padding-x: .9</div>
</div>
<div class="m-b:1">
<div class="p-x:1 d:i-b bg:black.3">padding-x: 1</div>
</div>
<div class="m-b:1">
<div class="p-x:2 d:i-b bg:black.3">padding-x: 2</div>
</div>
<div class="m-b:1">
<div class="p-x:3 d:i-b bg:black.3">padding-x: 3</div>
</div>
<div class="m-b:1">
<div class="p-x:4 d:i-b bg:black.3">padding-x: 4</div>
</div>
<div class="m-b:1">
<div class="p-x:5 d:i-b bg:black.3">padding-x: 5</div>
</div>
<div class="m-b:1">
<div class="p-x:6 d:i-b bg:black.3">padding-x: 6</div>
</div>
<div class="m-b:1">
<div class="p-x:7 d:i-b bg:black.3">padding-x: 7</div>
</div>
<div class="m-b:1">
<div class="p-x:8 d:i-b bg:black.3">padding-x: 8</div>
</div>
<div class="m-b:1">
<div class="p-x:9 d:i-b bg:black.3">padding-x: 9</div>
</div>
<div class="m-b:1">
<div class="p-x:10 d:i-b bg:black.3">padding-x: 10</div>
</div>
<div class="m-b:1">
<div class="p-y:0 d:i-b bg:black.3">padding-y: 0</div>
</div>
<div class="m-b:1">
<div class="p-y:.1 d:i-b bg:black.3">padding-y: .1</div>
</div>
<div class="m-b:1">
<div class="p-y:.2 d:i-b bg:black.3">padding-y: .2</div>
</div>
<div class="m-b:1">
<div class="p-y:.3 d:i-b bg:black.3">padding-y: .3</div>
</div>
<div class="m-b:1">
<div class="p-y:.4 d:i-b bg:black.3">padding-y: .4</div>
</div>
<div class="m-b:1">
<div class="p-y:.5 d:i-b bg:black.3">padding-y: .5</div>
</div>
<div class="m-b:1">
<div class="p-y:.6 d:i-b bg:black.3">padding-y: .6</div>
</div>
<div class="m-b:1">
<div class="p-y:.7 d:i-b bg:black.3">padding-y: .7</div>
</div>
<div class="m-b:1">
<div class="p-y:.8 d:i-b bg:black.3">padding-y: .8</div>
</div>
<div class="m-b:1">
<div class="p-y:.9 d:i-b bg:black.3">padding-y: .9</div>
</div>
<div class="m-b:1">
<div class="p-y:1 d:i-b bg:black.3">padding-y: 1</div>
</div>
<div class="m-b:1">
<div class="p-y:2 d:i-b bg:black.3">padding-y: 2</div>
</div>
<div class="m-b:1">
<div class="p-y:3 d:i-b bg:black.3">padding-y: 3</div>
</div>
<div class="m-b:1">
<div class="p-y:4 d:i-b bg:black.3">padding-y: 4</div>
</div>
<div class="m-b:1">
<div class="p-y:5 d:i-b bg:black.3">padding-y: 5</div>
</div>
<div class="m-b:1">
<div class="p-y:6 d:i-b bg:black.3">padding-y: 6</div>
</div>
<div class="m-b:1">
<div class="p-y:7 d:i-b bg:black.3">padding-y: 7</div>
</div>
<div class="m-b:1">
<div class="p-y:8 d:i-b bg:black.3">padding-y: 8</div>
</div>
<div class="m-b:1">
<div class="p-y:9 d:i-b bg:black.3">padding-y: 9</div>
</div>
<div class="m-b:1">
<div class="p-y:10 d:i-b bg:black.3">padding-y: 10</div>
</div>
<div class="m-b:1">
<div class="p-t:0 d:i-b bg:black.3">padding-top: 0</div>
</div>
<div class="m-b:1">
<div class="p-t:.1 d:i-b bg:black.3">padding-top: .1</div>
</div>
<div class="m-b:1">
<div class="p-t:.2 d:i-b bg:black.3">padding-top: .2</div>
</div>
<div class="m-b:1">
<div class="p-t:.3 d:i-b bg:black.3">padding-top: .3</div>
</div>
<div class="m-b:1">
<div class="p-t:.4 d:i-b bg:black.3">padding-top: .4</div>
</div>
<div class="m-b:1">
<div class="p-t:.5 d:i-b bg:black.3">padding-top: .5</div>
</div>
<div class="m-b:1">
<div class="p-t:.6 d:i-b bg:black.3">padding-top: .6</div>
</div>
<div class="m-b:1">
<div class="p-t:.7 d:i-b bg:black.3">padding-top: .7</div>
</div>
<div class="m-b:1">
<div class="p-t:.8 d:i-b bg:black.3">padding-top: .8</div>
</div>
<div class="m-b:1">
<div class="p-t:.9 d:i-b bg:black.3">padding-top: .9</div>
</div>
<div class="m-b:1">
<div class="p-t:1 d:i-b bg:black.3">padding-top: 1</div>
</div>
<div class="m-b:1">
<div class="p-t:2 d:i-b bg:black.3">padding-top: 2</div>
</div>
<div class="m-b:1">
<div class="p-t:3 d:i-b bg:black.3">padding-top: 3</div>
</div>
<div class="m-b:1">
<div class="p-t:4 d:i-b bg:black.3">padding-top: 4</div>
</div>
<div class="m-b:1">
<div class="p-t:5 d:i-b bg:black.3">padding-top: 5</div>
</div>
<div class="m-b:1">
<div class="p-t:6 d:i-b bg:black.3">padding-top: 6</div>
</div>
<div class="m-b:1">
<div class="p-t:7 d:i-b bg:black.3">padding-top: 7</div>
</div>
<div class="m-b:1">
<div class="p-t:8 d:i-b bg:black.3">padding-top: 8</div>
</div>
<div class="m-b:1">
<div class="p-t:9 d:i-b bg:black.3">padding-top: 9</div>
</div>
<div class="m-b:1">
<div class="p-t:10 d:i-b bg:black.3">padding-top: 10</div>
</div>
<div class="m-b:1">
<div class="p-b:0 d:i-b bg:black.3">padding-bottom: 0</div>
</div>
<div class="m-b:1">
<div class="p-b:.1 d:i-b bg:black.3">padding-bottom: .1</div>
</div>
<div class="m-b:1">
<div class="p-b:.2 d:i-b bg:black.3">padding-bottom: .2</div>
</div>
<div class="m-b:1">
<div class="p-b:.3 d:i-b bg:black.3">padding-bottom: .3</div>
</div>
<div class="m-b:1">
<div class="p-b:.4 d:i-b bg:black.3">padding-bottom: .4</div>
</div>
<div class="m-b:1">
<div class="p-b:.5 d:i-b bg:black.3">padding-bottom: .5</div>
</div>
<div class="m-b:1">
<div class="p-b:.6 d:i-b bg:black.3">padding-bottom: .6</div>
</div>
<div class="m-b:1">
<div class="p-b:.7 d:i-b bg:black.3">padding-bottom: .7</div>
</div>
<div class="m-b:1">
<div class="p-b:.8 d:i-b bg:black.3">padding-bottom: .8</div>
</div>
<div class="m-b:1">
<div class="p-b:.9 d:i-b bg:black.3">padding-bottom: .9</div>
</div>
<div class="m-b:1">
<div class="p-b:1 d:i-b bg:black.3">padding-bottom: 1</div>
</div>
<div class="m-b:1">
<div class="p-b:2 d:i-b bg:black.3">padding-bottom: 2</div>
</div>
<div class="m-b:1">
<div class="p-b:3 d:i-b bg:black.3">padding-bottom: 3</div>
</div>
<div class="m-b:1">
<div class="p-b:4 d:i-b bg:black.3">padding-bottom: 4</div>
</div>
<div class="m-b:1">
<div class="p-b:5 d:i-b bg:black.3">padding-bottom: 5</div>
</div>
<div class="m-b:1">
<div class="p-b:6 d:i-b bg:black.3">padding-bottom: 6</div>
</div>
<div class="m-b:1">
<div class="p-b:7 d:i-b bg:black.3">padding-bottom: 7</div>
</div>
<div class="m-b:1">
<div class="p-b:8 d:i-b bg:black.3">padding-bottom: 8</div>
</div>
<div class="m-b:1">
<div class="p-b:9 d:i-b bg:black.3">padding-bottom: 9</div>
</div>
<div class="m-b:1">
<div class="p-b:10 d:i-b bg:black.3">padding-bottom: 10</div>
</div>
<div class="m-b:1">
<div class="p-l:0 d:i-b bg:black.3">padding-left: 0</div>
</div>
<div class="m-b:1">
<div class="p-l:.1 d:i-b bg:black.3">padding-left: .1</div>
</div>
<div class="m-b:1">
<div class="p-l:.2 d:i-b bg:black.3">padding-left: .2</div>
</div>
<div class="m-b:1">
<div class="p-l:.3 d:i-b bg:black.3">padding-left: .3</div>
</div>
<div class="m-b:1">
<div class="p-l:.4 d:i-b bg:black.3">padding-left: .4</div>
</div>
<div class="m-b:1">
<div class="p-l:.5 d:i-b bg:black.3">padding-left: .5</div>
</div>
<div class="m-b:1">
<div class="p-l:.6 d:i-b bg:black.3">padding-left: .6</div>
</div>
<div class="m-b:1">
<div class="p-l:.7 d:i-b bg:black.3">padding-left: .7</div>
</div>
<div class="m-b:1">
<div class="p-l:.8 d:i-b bg:black.3">padding-left: .8</div>
</div>
<div class="m-b:1">
<div class="p-l:.9 d:i-b bg:black.3">padding-left: .9</div>
</div>
<div class="m-b:1">
<div class="p-l:1 d:i-b bg:black.3">padding-left: 1</div>
</div>
<div class="m-b:1">
<div class="p-l:2 d:i-b bg:black.3">padding-left: 2</div>
</div>
<div class="m-b:1">
<div class="p-l:3 d:i-b bg:black.3">padding-left: 3</div>
</div>
<div class="m-b:1">
<div class="p-l:4 d:i-b bg:black.3">padding-left: 4</div>
</div>
<div class="m-b:1">
<div class="p-l:5 d:i-b bg:black.3">padding-left: 5</div>
</div>
<div class="m-b:1">
<div class="p-l:6 d:i-b bg:black.3">padding-left: 6</div>
</div>
<div class="m-b:1">
<div class="p-l:7 d:i-b bg:black.3">padding-left: 7</div>
</div>
<div class="m-b:1">
<div class="p-l:8 d:i-b bg:black.3">padding-left: 8</div>
</div>
<div class="m-b:1">
<div class="p-l:9 d:i-b bg:black.3">padding-left: 9</div>
</div>
<div class="m-b:1">
<div class="p-l:10 d:i-b bg:black.3">padding-left: 10</div>
</div>
<div class="m-b:1">
<div class="p-r:0 d:i-b bg:black.3">padding-right: 0</div>
</div>
<div class="m-b:1">
<div class="p-r:.1 d:i-b bg:black.3">padding-right: .1</div>
</div>
<div class="m-b:1">
<div class="p-r:.2 d:i-b bg:black.3">padding-right: .2</div>
</div>
<div class="m-b:1">
<div class="p-r:.3 d:i-b bg:black.3">padding-right: .3</div>
</div>
<div class="m-b:1">
<div class="p-r:.4 d:i-b bg:black.3">padding-right: .4</div>
</div>
<div class="m-b:1">
<div class="p-r:.5 d:i-b bg:black.3">padding-right: .5</div>
</div>
<div class="m-b:1">
<div class="p-r:.6 d:i-b bg:black.3">padding-right: .6</div>
</div>
<div class="m-b:1">
<div class="p-r:.7 d:i-b bg:black.3">padding-right: .7</div>
</div>
<div class="m-b:1">
<div class="p-r:.8 d:i-b bg:black.3">padding-right: .8</div>
</div>
<div class="m-b:1">
<div class="p-r:.9 d:i-b bg:black.3">padding-right: .9</div>
</div>
<div class="m-b:1">
<div class="p-r:1 d:i-b bg:black.3">padding-right: 1</div>
</div>
<div class="m-b:1">
<div class="p-r:2 d:i-b bg:black.3">padding-right: 2</div>
</div>
<div class="m-b:1">
<div class="p-r:3 d:i-b bg:black.3">padding-right: 3</div>
</div>
<div class="m-b:1">
<div class="p-r:4 d:i-b bg:black.3">padding-right: 4</div>
</div>
<div class="m-b:1">
<div class="p-r:5 d:i-b bg:black.3">padding-right: 5</div>
</div>
<div class="m-b:1">
<div class="p-r:6 d:i-b bg:black.3">padding-right: 6</div>
</div>
<div class="m-b:1">
<div class="p-r:7 d:i-b bg:black.3">padding-right: 7</div>
</div>
<div class="m-b:1">
<div class="p-r:8 d:i-b bg:black.3">padding-right: 8</div>
</div>
<div class="m-b:1">
<div class="p-r:9 d:i-b bg:black.3">padding-right: 9</div>
</div>
<div class="m-b:1">
<div class="p-r:10 d:i-b bg:black.3">padding-right: 10</div>
</div>