@mixin background-size($width, $height) {
  -webkit-background-size: $width $height;
  -o-background-size: $width $height;
  -moz-background-size: $width $height;
  background-size: $width $height;
}

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
  -webkit-box-shadow:$top $left $blur $color #{$inset};
  -moz-box-shadow:$top $left $blur $color #{$inset};
  box-shadow:$top $left $blur $color #{$inset};
}

@mixin border-radius($radius) {
  -webkit-border-radius: #{$radius};
  -moz-border-radius: #{$radius};
  border-radius: #{$radius};
}

@mixin border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@mixin hide-text {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

@mixin transition($input) {
  transition: #{$input};
  -o-transition: #{$input};
  -moz-transition: #{$input};
  -webkit-transition: #{$input};
}