---
notes: |
  Padding utilities across breakpoints
---

{{#each toolkit.scale}}
<div class="m-b:1">
	<div class="p:{{this}} d:i-b bg:black.3">padding: {{this}}</div>
</div>
{{/each}}

{{#each toolkit.scale}}
<div class="m-b:1">
	<div class="p-x:{{this}} d:i-b bg:black.3">padding-x: {{this}}</div>
</div>
{{/each}}

{{#each toolkit.scale}}
<div class="m-b:1">
	<div class="p-y:{{this}} d:i-b bg:black.3">padding-y: {{this}}</div>
</div>
{{/each}}

{{#each toolkit.scale}}
<div class="m-b:1">
	<div class="p-t:{{