| layout | title | description | group |
|---|---|---|---|
docs |
Interactions |
Utility classes that change how users interact with the contents of a website. |
utilities |
Change how the content is selected when the user interacts with it. Note that Internet Explorer and Legacy Edge have no support for the all value for user-select, and as such, .user-select-all is not supported by either browser.
{% capture example %}
This paragraph will be entirely selected when clicked by the user.
This paragraph has the default select behavior.
This paragraph will not be selectable when clicked by the user.
{% endcapture %} {% include example.html content=example %}Customize the available classes by changing the $user-selects Sass list in _variables.scss.