select-none/text/all/auto — copy protection and select-all zones. This family contains 4 generated classes in Nakshora 3.1.
Classes#
| Class | Generated CSS |
|---|---|
select-none | user-select: none; |
select-text | user-select: text; |
select-all | user-select: all; |
select-auto | user-select: auto; |
Example#
example
<div class="select-none">Drag-friendly UI</div>
<code class="select-all">copy-me()</code>Responsive & variants#
Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- select-all on license keys / code snippets
- Never select-none on reading text
Related#
utilities/interactivity/cursor|Cursor · utilities/interactivity/scroll-snap|Scroll snap