Interatividade
Responsivo
Para aplicar classes utilitárias em um breakpoint específico, adicione o prefixo adequado a classe existente.
Cursor
Utilitários para controlar o estilo do cursor ao passar o mouse sobre um elemento
| Classe | Propriedades |
|---|---|
.z--cursor-auto | cursor: auto; |
.z--cursor-default | cursor: default; |
.z--cursor-pointer | cursor: pointer; |
.z--cursor-wait | cursor: wait; |
.z--cursor-move | cursor: move; |
.z--cursor-not-allowed | cursor: not-allowed; |
Referências:
Pointer Events
Utilitários para controlar se um elemento responde a eventos de ponteiro
| Classe | Propriedades |
|---|---|
.z--pointer-events-none | pointer-events: none; |
.z--pointer-events-auto | pointer-events: auto; |
Referências:
Resize
Utilitários para controlar como um elemento pode ser redimensionado
| Classe | Propriedades |
|---|---|
.z--resize-none | resize: none; |
.z--resize | resize: both; |
.z--resize-y | resize: vertical; |
.z--resize-x | resize: horizontal; |
Referências:
User Select
Utilitários para controlar se o usuário pode selecionar texto em um elemento
| Classe | Propriedades |
|---|---|
.z--select-none | user-select: none; |
.z--select-text | user-select: text; |
Referências: