// Do not edit this file. Create a custom theme instead.

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

.border-radii(@top-left: 4px, @top-right: 4px, @bottom-right: 4px, @bottom-left: 4px) {
  -webkit-border-radius: @top-left @top-right @bottom-right @bottom-left;
  -moz-border-radius: @top-left @top-right @bottom-right @bottom-left;
  border-radius: @top-left @top-right @bottom-right @bottom-left;
}

.box-sizing(@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing: @type;
  box-sizing: @type;
}

.box-shadow(@shadow-angle: 1px,  @shadow-distance: 2px, @shadow-blur: 2px, @shadow-color: rgba(0,0,0,0.25), @keyword: inset) {
  -webkit-box-shadow: @shadow-angle @shadow-distance @shadow-blur @shadow-color @keyword;
  -moz-box-shadow: @shadow-angle @shadow-distance @shadow-blur @shadow-color @keyword;
  box-shadow: @shadow-angle @shadow-distance @shadow-blur @shadow-color @keyword;
  .lt-ie9 & {
     zoom: 1;
     filter: progid:DXImageTransform.Microsoft.Shadow(Color=@shadow-color, Strength=15, Direction=45);
  }
}

.horizontal-gradient (@start-color, @end-color, @default-color: @end-color) {
  background: @default-color; // Old browsers
  background: -moz-linear-gradient(left,  @start-color 0%, @end-color 100%); // FF3.6+
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,@start-color), color-stop(100%,@end-color)); // Chrome,Safari4+
  background: -webkit-linear-gradient(left,  @start-color 0%,@end-color 100%); // Chrome10+,Safari5.1+
  background: -o-linear-gradient(left,  @start-color 0%,@end-color 100%); // Opera 11.10+
  background: -ms-linear-gradient(left,  @start-color 0%,@end-color 100%); // IE10+
  background: linear-gradient(to right,  @start-color 0%,@end-color 100%); // W3C
  .lt-ie8 &, .ie9 & {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{start-color}', endColorstr='@{end-color}',GradientType=1 ); // IE6-7 and IE9
  }
  .ie8 & {
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{start-color}', endColorstr='@{end-color}',GradientType=1 ); // IE8
  }
}

.vertical-gradient (@start-color, @end-color, @default-color: @end-color) {
  background: @default-color; // Old browsers
  background: -moz-linear-gradient(top,  @start-color 0%, @end-color 100%); // FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@start-color), color-stop(100%,@end-color)); // Chrome,Safari4+
  background: -webkit-linear-gradient(top,  @start-color 0%,@end-color 100%); // Chrome10+,Safari5.1+
  background: -o-linear-gradient(top,  @start-color 0%,@end-color 100%); // Opera 11.10+
  background: -ms-linear-gradient(top,  @start-color 0%,@end-color 100%); // IE10+
  background: linear-gradient(to bottom,  @start-color 0%,@end-color 100%); // W3C
  .lt-ie8 &, .ie9 & {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{start-color}', endColorstr='@{end-color}',GradientType=0 ); // IE6-7 and IE9
  }
  .ie8 & {
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{start-color}', endColorstr='@{end-color}',GradientType=0 ); // IE8
  }
}

.placeholder(@color: @colorGrey) {
  :-moz-placeholder {
    color: @color;
  }
  ::-webkit-input-placeholder {
    color: @color;
  }
}

.rotate(@rotation) {
  -webkit-transform: rotate(@rotation);
  -moz-transform: rotate(@rotation);
  -o-transform: rotate(@rotation);
  transform: rotate(@rotation);
}

.transition(@transition) {
  -webkit-transition: @transition;
  -moz-transition: @transition;
  transition: @transition;
}

// Create text stroke using multiple text shadows
.text-stroke(@stroke: @colorWhite) {
  text-shadow: 1px 0 0 @stroke, -1px 0 0 @stroke, 0 1px 0 @stroke, 0 -1px 0 @stroke, 1px 1px @stroke, -1px -1px 0 @stroke, 1px -1px 0 @stroke, -1px 1px 0 @stroke;
  .lt-ie9 & {
    filter: progid:DXImageTransform.Microsoft.Glow(Color=@stroke,Strength=1); // IE6-8
  }
}

// Create a border using multiple box-shadows
.border-shadow(@blur: @size4, @color: darken(@colorWhite, 50%)) {
  -webkit-box-shadow: 0px -1px @blur @color, 1px 0px @blur @color, 0px 1px @blur @color,  -1px 0px @blur @color;
  -moz-box-shadow: 0px -1px @blur @color, 1px 0px @blur @color, 0px 1px @blur @color,  -1px 0px @blur @color;
  box-shadow: 0px -1px @blur @color, 1px 0px @blur @color, 0px 1px @blur @color,  -1px 0px @blur @color;
  .lt-ie9 & {
     zoom: 1;
     filter: progid:DXImageTransform.Microsoft.Shadow(Color= @color, Strength=15, Direction=0),
             progid:DXImageTransform.Microsoft.Shadow(Color= @color, Strength=15, Direction=90),
             progid:DXImageTransform.Microsoft.Shadow(Color= @color, Strength=15, Direction=180),
             progid:DXImageTransform.Microsoft.Shadow(Color= @color, Strength=15, Direction=270);
  }
}
