Outline

Utilities for outline and outline offset.

Quick reference

Class	Styles
`af-outline`	`outline: var(--af-border-width) solid currentColor`
`af-outline-0`	`outline: 0`
`af-outline-offset-2`	`outline-offset: 2px`
`af-outline-offset-4`	`outline-offset: 4px`

Outline

<button class="af-btn af-outline af-outline-offset-2">
  Outline
</button>

Outline offset 4

<button class="af-btn af-outline af-outline-offset-4">
  Outline
</button>

Remove outline

<button class="af-btn af-outline af-outline-offset-2 af-outline-0">
  No outline
</button>

All outline utilities support responsive variants using the @{bp} suffix. See Responsive Suffix for syntax and breakpoints.