@import _variables

gotham()
  font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif
  font-style: normal

roundall($round)
  -moz-border-radius: $round
  -webkit-border-radius: $round
  -khtml-border-radius: $round
  -o-border-radius: $round
  -border-radius: $round
  border-radius: $round

calc()
  if current-property
    add-property(current-property[0], s('-webkit-calc(%s)', unquote(arguments)))
    add-property(current-property[0], s('-moz-calc(%s)', unquote(arguments)))
    add-property(current-property[0], s('-ms-calc(%s)', unquote(arguments)))
    add-property(current-property[0], s('-o-calc(%s)', unquote(arguments)))
    s('calc(%s)', unquote(arguments))
  else
    error('calc() must be used within a property')

noselect()
  -webkit-touch-callout: none
  -webkit-user-select: none
  -khtml-user-select: none
  -moz-user-select: none
  -ms-user-select: none
  user-select: none

turn($deg)
  -moz-transform: rotate($deg)
  -webkit-transform: rotate($deg)
  -o-transform: rotate($deg)
  transform: rotate($deg)

transform($param)
  -webkit-transform: $param
  -moz-transform: $param
  -ms-transform: $param
  transform: $param

transition($attr, $dur, $timing, $delay)
  -webkit-transition: $attr $dur $timing $delay
  -o-transition: $attr $dur $timing $delay
  transition: $attr $dur $timing $delay
  -moz-transition: $attr $dur $timing $delay

flip-horizontal()
  -moz-transform: scaleX(-1)
  -webkit-transform: scaleX(-1)
  -o-transform: scaleX(-1)
  transform: scaleX(-1)
  -ms-filter: fliph
  filter: fliph

flip-vertical()
  -moz-transform: scaleY(-1)
  -webkit-transform: scaleY(-1)
  -o-transform: scaleY(-1)
  transform: scaleY(-1)
  -ms-filter: flipv
  filter: flipv

colorDot($color)
  display: block
  height: 10px
  width: 10px
  gradient: $color + #777 $color + #000
  border-radius: 25px
  border-bottom: 1px solid rgba(0,0,0,1)
  border-top: 1px solid rgba(255,255,255,.9)

imagesprite($width, $height, $sx, $x, $y)
  background-repeat: none
  width: ($width)px
  height: ($height)px
  background-image: url("/images/sprite.png")
  background-position: ($sx * $x * -1)px ($sx * $y * -1)px

borderbox()
  -moz-box-sizing: border-box
  -webkit-box-sizing: border-box
  box-sizing: border-box

// avatars

avatarLarge()
  width: 30px
  height: 30px
  roundall(50px)

avatarSmall()
  width: 20px
  height: 20px
  roundall(30px)


// this if for the content flash and hardware acceleration bugs in webkit
webkit-transition-fix()
  -webkit-backface-visibility: hidden
  //-webkit-transform: translateZ(0)