Space

Margin

Margin utilities across breakpoints

margin: 0
margin: .1
margin: .2
margin: .3
margin: .4
margin: .5
margin: .6
margin: .7
margin: .8
margin: .9
margin: 1
margin: 2
margin: 3
margin: 4
margin: 5
margin: 6
margin: 7
margin: 8
margin: 9
margin: 10
margin-x: 0
margin-x: .1
margin-x: .2
margin-x: .3
margin-x: .4
margin-x: .5
margin-x: .6
margin-x: .7
margin-x: .8
margin-x: .9
margin-x: 1
margin-x: 2
margin-x: 3
margin-x: 4
margin-x: 5
margin-x: 6
margin-x: 7
margin-x: 8
margin-x: 9
margin-x: 10
margin-x: release

when your container has padding and you'd like to break out of it, use this utility

margin-y: 0
margin-y: .1
margin-y: .2
margin-y: .3
margin-y: .4
margin-y: .5
margin-y: .6
margin-y: .7
margin-y: .8
margin-y: .9
margin-y: 1
margin-y: 2
margin-y: 3
margin-y: 4
margin-y: 5
margin-y: 6
margin-y: 7
margin-y: 8
margin-y: 9
margin-y: 10
margin-top: 0
margin-top: .1
margin-top: .2
margin-top: .3
margin-top: .4
margin-top: .5
margin-top: .6
margin-top: .7
margin-top: .8
margin-top: .9
margin-top: 1
margin-top: 2
margin-top: 3
margin-top: 4
margin-top: 5
margin-top: 6
margin-top: 7
margin-top: 8
margin-top: 9
margin-top: 10
margin-bottom: 0
margin-bottom: .1
margin-bottom: .2
margin-bottom: .3
margin-bottom: .4
margin-bottom: .5
margin-bottom: .6
margin-bottom: .7
margin-bottom: .8
margin-bottom: .9
margin-bottom: 1
margin-bottom: 2
margin-bottom: 3
margin-bottom: 4
margin-bottom: 5
margin-bottom: 6
margin-bottom: 7
margin-bottom: 8
margin-bottom: 9
margin-bottom: 10
margin-left: 0
margin-left: .1
margin-left: .2
margin-left: .3
margin-left: .4
margin-left: .5
margin-left: .6
margin-left: .7
margin-left: .8
margin-left: .9
margin-left: 1
margin-left: 2
margin-left: 3
margin-left: 4
margin-left: 5
margin-left: 6
margin-left: 7
margin-left: 8
margin-left: 9
margin-left: 10
margin-right: 0
margin-right: .1
margin-right: .2
margin-right: .3
margin-right: .4
margin-right: .5
margin-right: .6
margin-right: .7
margin-right: .8
margin-right: .9
margin-right: 1
margin-right: 2
margin-right: 3
margin-right: 4
margin-right: 5
margin-right: 6
margin-right: 7
margin-right: 8
margin-right: 9
margin-right: 10
margin: negative 0
margin: negative .1
margin: negative .2
margin: negative .3
margin: negative .4
margin: negative .5
margin: negative .6
margin: negative .7
margin: negative .8
margin: negative .9
margin: negative 1
margin: negative 2
margin: negative 3
margin: negative 4
margin: negative 5
margin: negative 6
margin: negative 7
margin: negative 8
margin: negative 9
margin: negative 10
margin-x: negative 0
margin-x: negative .1
margin-x: negative .2
margin-x: negative .3
margin-x: negative .4
margin-x: negative .5
margin-x: negative .6
margin-x: negative .7
margin-x: negative .8
margin-x: negative .9
margin-x: negative 1
margin-x: negative 2
margin-x: negative 3
margin-x: negative 4
margin-x: negative 5
margin-x: negative 6
margin-x: negative 7
margin-x: negative 8
margin-x: negative 9
margin-x: negative 10
margin-y: negative-0
margin-y: negative-.1
margin-y: negative-.2
margin-y: negative-.3
margin-y: negative-.4
margin-y: negative-.5
margin-y: negative-.6
margin-y: negative-.7
margin-y: negative-.8
margin-y: negative-.9
margin-y: negative-1
margin-y: negative-2
margin-y: negative-3
margin-y: negative-4
margin-y: negative-5
margin-y: negative-6
margin-y: negative-7
margin-y: negative-8
margin-y: negative-9
margin-y: negative-10
margin-top: negative 0
margin-top: negative .1
margin-top: negative .2
margin-top: negative .3
margin-top: negative .4
margin-top: negative .5
margin-top: negative .6
margin-top: negative .7
margin-top: negative .8
margin-top: negative .9
margin-top: negative 1
margin-top: negative 2
margin-top: negative 3
margin-top: negative 4
margin-top: negative 5
margin-top: negative 6
margin-top: negative 7
margin-top: negative 8
margin-top: negative 9
margin-top: negative 10
margin-bottom: negative 0
margin-bottom: negative .1
margin-bottom: negative .2
margin-bottom: negative .3
margin-bottom: negative .4
margin-bottom: negative .5
margin-bottom: negative .6
margin-bottom: negative .7
margin-bottom: negative .8
margin-bottom: negative .9
margin-bottom: negative 1
margin-bottom: negative 2
margin-bottom: negative 3
margin-bottom: negative 4
margin-bottom: negative 5
margin-bottom: negative 6
margin-bottom: negative 7
margin-bottom: negative 8
margin-bottom: negative 9
margin-bottom: negative 10
margin-left: negative 0
margin-left: negative .1
margin-left: negative .2
margin-left: negative .3
margin-left: negative .4
margin-left: negative .5
margin-left: negative .6
margin-left: negative .7
margin-left: negative .8
margin-left: negative .9
margin-left: negative 1
margin-left: negative 2
margin-left: negative 3
margin-left: negative 4
margin-left: negative 5
margin-left: negative 6
margin-left: negative 7
margin-left: negative 8
margin-left: negative 9
margin-left: negative 10
margin-right: negative 0
margin-right: negative .1
margin-right: negative .2
margin-right: negative .3
margin-right: negative .4
margin-right: negative .5
margin-right: negative .6
margin-right: negative .7
margin-right: negative .8
margin-right: negative .9
margin-right: negative 1
margin-right: negative 2
margin-right: negative 3
margin-right: negative 4
margin-right: negative 5
margin-right: negative 6
margin-right: negative 7
margin-right: negative 8
margin-right: negative 9
margin-right: negative 10
<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

Padding utilities across breakpoints

padding: 0
padding: .1
padding: .2
padding: .3
padding: .4
padding: .5
padding: .6
padding: .7
padding: .8
padding: .9
padding: 1
padding: 2
padding: 3
padding: 4
padding: 5
padding: 6
padding: 7
padding: 8
padding: 9
padding: 10
padding-x: 0
padding-x: .1
padding-x: .2
padding-x: .3
padding-x: .4
padding-x: .5
padding-x: .6
padding-x: .7
padding-x: .8
padding-x: .9
padding-x: 1
padding-x: 2
padding-x: 3
padding-x: 4
padding-x: 5
padding-x: 6
padding-x: 7
padding-x: 8
padding-x: 9
padding-x: 10
padding-y: 0
padding-y: .1
padding-y: .2
padding-y: .3
padding-y: .4
padding-y: .5
padding-y: .6
padding-y: .7
padding-y: .8
padding-y: .9
padding-y: 1
padding-y: 2
padding-y: 3
padding-y: 4
padding-y: 5
padding-y: 6
padding-y: 7
padding-y: 8
padding-y: 9
padding-y: 10
padding-top: 0
padding-top: .1
padding-top: .2
padding-top: .3
padding-top: .4
padding-top: .5
padding-top: .6
padding-top: .7
padding-top: .8
padding-top: .9
padding-top: 1
padding-top: 2
padding-top: 3
padding-top: 4
padding-top: 5
padding-top: 6
padding-top: 7
padding-top: 8
padding-top: 9
padding-top: 10
padding-bottom: 0
padding-bottom: .1
padding-bottom: .2
padding-bottom: .3
padding-bottom: .4
padding-bottom: .5
padding-bottom: .6
padding-bottom: .7
padding-bottom: .8
padding-bottom: .9
padding-bottom: 1
padding-bottom: 2
padding-bottom: 3
padding-bottom: 4
padding-bottom: 5
padding-bottom: 6
padding-bottom: 7
padding-bottom: 8
padding-bottom: 9
padding-bottom: 10
padding-left: 0
padding-left: .1
padding-left: .2
padding-left: .3
padding-left: .4
padding-left: .5
padding-left: .6
padding-left: .7
padding-left: .8
padding-left: .9
padding-left: 1
padding-left: 2
padding-left: 3
padding-left: 4
padding-left: 5
padding-left: 6
padding-left: 7
padding-left: 8
padding-left: 9
padding-left: 10
padding-right: 0
padding-right: .1
padding-right: .2
padding-right: .3
padding-right: .4
padding-right: .5
padding-right: .6
padding-right: .7
padding-right: .8
padding-right: .9
padding-right: 1
padding-right: 2
padding-right: 3
padding-right: 4
padding-right: 5
padding-right: 6
padding-right: 7
padding-right: 8
padding-right: 9
padding-right: 10
<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>