.border-radius (@radius: 3px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.opacity (@opacity: 0.5) {
  -webkit-opacity: @opacity;
  -moz-opacity: @opacity;
  opacity: @opacity;
}

.gradient(@type:linear;@dir:0deg;@start-color;@end-color) {
    background-image: ~"-moz-@{type}-gradient(@{dir},@{start-color},@{end-color}) !important";
    background-image: ~"-webkit-@{type}-gradient(@{dir},@{start-color},@{end-color}) !important";
    background-image: ~"@{type}-gradient(@{dir},@{start-color},@{end-color}) !important";
}

.transitions(@property:all;@duration:0.5s;@ease:ease-in-out) {
    -moz-transition: ~"@{property} @{duration} @{ease}";
    -webkit-transition: ~"@{property} @{duration} @{ease}";
    transition: ~"@{property} @{duration} @{ease}";
}