stylobate/lib/kinds/disabled/kind-disabled.en.md

Framework for writing really abstract CSS in Stylus

---
---

## Disabling

    kind: disabled

The kind for disabling the blocks. This make the block transparent a bit, then removes cursor and any pointer events on it.

### Opacity

By default the block would have 50% opacity, if you'll need to change this, just pass numeric param to it:

    kind: disabled 0.6

### Nested disabled blocks

This kind can be used to disable whole groups of elements, in that case all nested disabled elements would have proper opacity.

In case you'd need to disable this behaviour or redefine the selector for nested elements, you could use `-nested` element:

    kind: disabled (-nested '')

### Events

By default the disabled element would have `pointer-events: none`, to turn off this behaviour, you can use `with-events` param:

    kind: disabled with-events