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

Framework for writing really abstract CSS in Stylus

// http://dabblet.com/gist/5817557

kind-shrink($this)
  display: block
  overflow: hidden

  // Can't use extend here 'cause Stylus don't know -moz-doc
  if $this.params.inline
    &
      {"@-moz-document url-prefix() {"} &
        flex-shrink: 1000000000
      unquote("}")

kind-shrink__left()
  float: left

kind-shrink__right()
  float: right

kind-shrink__wrap($this)
  if $this.params.inline
    display: inline-block
    white-space: nowrap
    max-width: 100%

    &
      {"@-moz-document url-prefix() {"} &
        display: inline-flex
        flex-direction: row-reverse
      unquote("}")
  else
    kind(clear __before(''))