Utility classes that change how users interact with the contents of a website.

Text selection

Change how the content is selected when the user interacts with it.

<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has the default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>

Customize the available classes by changing the $user-selects Sass list in _variables.scss.