spectacular/css/mixins.styl

Advanced BDD framework for CoffeeScript and JavaScript

vendor(prop, args)
  -webkit-{prop} args
  -moz-{prop} args
  -ms-{prop} args
  -o-{prop} args
  {prop} args

animation()
  vendor('animation', arguments)

opacity()
  vendor('opacity', arguments)

transition()
  vendor('transition', arguments)

transform()
  vendor('transform', arguments)

box-sizing()
  vendor('box-sizing', arguments)

border-radius()
  vendor('border-radius', arguments)

box-shadow()
  vendor('box-shadow', arguments)

text-shadow()
  vendor('text-shadow', arguments)

text-ellipsis()
  vendor('text-ellipsis', arguments)

background-linear-gradient(startPoint, startColor, startInterval, endColor, endInterval)
  background-image -webkit-linear-gradient(startPoint, startColor startInterval, endColor endInterval)
  background-image -moz-linear-gradient(startPoint, startColor startInterval, endColor endInterval)
  background-image -ms-linear-gradient(startPoint, startColor startInterval, endColor endInterval)
  background-image -o-linear-gradient(startPoint, startColor startInterval, endColor endInterval)
  background-image linear-gradient(startPoint, startColor startInterval, endColor endInterval)

inner-div()
  & > span, & > div
    border-radius 3px
    display block

counters()
  .all
    margin 0
    display block
    font-weight 100
    color light_gray

    .value
      font-weight 100

  &.fail
    .all .total
      color failure

  &.failure
    .all
    .all .total
      color failure

  &.success
    .all
    .all .total
      color success