Granze

.hGradient (@startColor: #eee, @endColor: #fff) {
  background-color: @startColor;
  background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(left, @startColor, @endColor);
  background-image: -moz-linear-gradient(left, @startColor, @endColor);
  background-image: -ms-linear-gradient(left, @startColor, @endColor);
  background-image: -o-linear-gradient(left, @startColor, @endColor);
}

Granze

.gradient (@startColor: #eee, @endColor: #fff) {
  background-color: @startColor;
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(top, @startColor, @endColor);
  background: -moz-linear-gradient(top, @startColor, @endColor);
  background: -ms-linear-gradient(top, @startColor, @endColor);
  background: -o-linear-gradient(top, @startColor, @endColor);
}

Granze

.textShadow (@value: 1px 1px 3px rgba(0, 0, 0, .3)) {
  text-shadow: @value;
}

Granze

.boxShadow(@x : 2px, @y : 2px, @blur : 5px, @spread : 0, @color : rgba(0,0,0,.6)) {
  -webkit-box-shadow: @x @y @blur @spread @color;
  -moz-box-shadow: @x @y @blur @spread @color; 
  box-shadow: @x @y @blur @spread @color; 
}

Granze

/* http://nicolasgallagher.com/another-css-image-replacement-technique/ */

.ir {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

Granze

/* http://nicolasgallagher.com/micro-clearfix-hack/ */

.cf {
  zoom: 1;
  &:before, &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;