Interactivity
Use these classes to change interactity of certain elements.
Cursor
cursor--<value>
| Class | Property & Value |
|---|---|
cursor--auto | cursor: auto |
cursor--default | cursor: default |
cursor--pointer | cursor: pointer |
cursor--wait | cursor: wait |
cursor--move | cursor: move |
cursor--not-allowed | cursor: not-allowed |
Pointer
pointer--<value>
| Class | Property & Value |
|---|---|
pointer--none | pointer-events: none |
pointer--auto | pointer-events: auto |
Resize
Allows for resize of text areas.
resize--<value>
| Class | Property & Value |
|---|---|
resize | resize: both |
resize--none | resize: none |
resize--y | resize: vertical |
resize--x | resize: horizontal |
User Select
select--<value>
| Class | Property & Value |
|---|---|
select--none | user-select: none |
select--text | user-select: text |