mixins.less

@ms_filter_base: "progid:DXImageTransform.Microsoft.";

.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
  box-shadow:         @arguments;
  -moz-box-shadow:    @arguments;
  -webkit-box-shadow: @arguments;
}

.box-shadow-alpha (@x: 0, @y: 0, @blur: 1px, @alpha: 1.0) {
  @val: @x @y @blur rgba(0,0,0,@alpha);

  box-shadow:         @val;
  -moz-box-shadow:    @val;
  -webkit-box-shadow: @val;
}

.cornersBottom(@radius) {
  border-radius:        0 0 @radius @radius;
  -moz-border-radius:   0 0 @radius @radius;
  -webkit-border-radius:0 0 @radius @radius;
  -ms-border-radius:    0 0 @radius @radius;
  -o-border-radius:     0 0 @radius @radius;
  -khtml-border-radius: 0 0 @radius @radius;
}
.cornersTop(@radius) {
  border-radius:        @radius @radius 0 0;
  -moz-border-radius:   @radius @radius 0 0;
  -webkit-border-radius:@radius @radius 0 0;
  -ms-border-radius:    @radius @radius 0 0;
  -o-border-radius:     @radius @radius 0 0;
  -khtml-border-radius: @radius @radius 0 0;
}
.cornersLeft(@radius) {
  border-radius:        @radius 0 0 @radius;
  -moz-border-radius:   @radius 0 0 @radius;
  -webkit-border-radius:@radius 0 0 @radius;
  -ms-border-radius:    @radius 0 0 @radius;
  -o-border-radius:     @radius 0 0 @radius;
  -khtml-border-radius: @radius 0 0 @radius;
}
.cornersRight(@radius) {
  border-radius:        0 @radius @radius 0;
  -moz-border-radius:   0 @radius @radius 0;
  -webkit-border-radius:0 @radius @radius 0;
  -ms-border-radius:    0 @radius @radius 0;
  -o-border-radius:     0 @radius @radius 0;
  -khtml-border-radius: 0 @radius @radius 0;
}
.corners(@radius) {
  border-radius:        @radius;
  -moz-border-radius:   @radius;
  -webkit-border-radius:@radius;
  -ms-border-radius:    @radius;
  -o-border-radius:     @radius;
  -khtml-border-radius: @radius;
}

// 10% opacity: +opacity(10)
.opacity(@pct) {
  // Firefox, Safari, Opera, Chrome
  opacity:          (@pct / 100);

  // Mozilla, Netscape
  -moz-opacity:     (@pct / 100);

  // IE5-7
  filter:           ~"alpha(opacity=@{pct})";

  // IE8
  -ms-filter:       ~"@{ms_filter_base}Alpha(Opacity=@{pct})";

  // Opera
  -o-opacity:       (@pct / 100);

  // KHTML, old Safari
  -khtml-opacity:   (@pct / 100);
}

// inline-block normalization per:
//  http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
.inlineBlock() {
  // OLD Mozilla browsers
  display:  -moz-inline-stack;

  // Modern browsers
  display:  inline-block;

  // IE - Trigger 'hasLayout' and set display to inline == inline-block
  zoom:     1;
  *display: inline;
}

// float clearfix per:
//    http://www.positioniseverything.net/easyclearing.html
//
//  MUST be WITHIN the CSS rule to which it is applied.
.clearFix() {
  &:after {
    content:    ".";
    display:    block;
    height:     0;
    clear:      both;
    visibility: hidden;

    // IE
    *display:   inline-block;
    zoom:       1;
    *display:   block;
  }
}