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

Framework for writing really abstract CSS in Stylus

stylobate_defaults('kind-modal__wrap', __helper('&:after'))

kind-modal__wrap($this)
  $args = $this.arguments
  prepend($args, guide)
  kind($args)
  kind(centering __helper(''))

  z-index: 99

kind-modal__wrap__helper()
  kind-centering__helper(arguments)

kind-modal()
  kind-guide__item(arguments)
  kind-centering__item(arguments)

  position: relative
  max-width: 100%
  max-height: 100%
  // use calc like this here?
  //   max-width: unquote("-webkit-calc(100% - " + 2*$l + ")")

  // Should it be moved to -content?
  // overflow: auto

kind-modal__overlay()
  kind-fill(arguments)
  kind-guide__item(arguments)