Sections

Outline

Class Output Definition Focus?
.outline-none outline: 0;

Removes the browser’s default focus style. To maintain accessibility, care should be taken to replace the style that’s been removed.

.outline-ring outline: solid var(--su-static4) var(--focus-ring);

Adds an outline that mimics our button focus styling.

<div class="outline-none"></div>
.outline-none
.outline-ring
Deploys by Netlify