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

Framework for writing really abstract CSS in Stylus

kind-input($this)
  width: $this.units[0] or 400px

  $align = utilus_retrieve($this.params, middle top bottom)
  vertical-align: $align if $align

  unless $this.params.no-reset
    reset('input')
    // It would be nice to have a way to insert it without extends

  +cache()
    kind('block' inline)

    box-sizing: border-box

    max-width: 100%

    cursor: text

    if ie
      vertical-align: middle
    else
      vertical-align: baseline