stylobate/lib/kinds/disabled/kind-disabled.styl

Framework for writing really abstract CSS in Stylus

stylobate_defaults('kind-disabled', __nested('& &'))

kind-disabled($this)
  cursor: default !important

  opacity: $this.units[0] or 0.5

  // Prevent different states in most browsers
  if $this.params.with-events
    &:focus
      outline: 0
  else
    pointer-events: none

kind-disabled__nested()
  opacity: 1