Outline

Classes

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 @su4 var(--focus-ring);

Adds an outline that mimics our button focus styling.

Examples

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