@mixin rounded($radius: 0.5em) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}

@mixin gradient($from, $to) {
  background: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
  background: -moz-linear-gradient(top, $from, $to);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
}

@mixin transition($property, $duration, $timing_function, $delay:null) {
  webkit-transition: $property $duration $timing_function $delay;
  -o-transition: $property $duration $timing_function $delay;
  transition: $property $duration $timing_function $delay;
}