Interactivity

User Select

Utilities for controls whether the user can select text.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
select-all	user-select: all
select-auto	user-select: auto
select-none	user-select: none
select-text	user-select: text

Usage

<div class="height-32 width-65 ... select-none">
  ...
</div>

HTML

.dummy {
  @extend
    .height-32,
    .width-65,
    .select-none;
}

SCSS