//
// Mixins
// --------------------------------------------------


// Gradients
#gradient {  
  .vertical-four-colors(@firstColor, @secondColor, @thirdColor, @fourthColor, @firstColorPosition:0%, @secondColorPosition:50%, @thirdColorPosition:51%, @fourthColorPosition:100%) {
        background-color: mix(@firstColor, @fourthColor, 60%);
        background-image: linear-gradient(bottom, @firstColor @firstColorPosition, @secondColor @secondColorPosition, @thirdColor @secondColorPosition, @fourthColor @fourthColorPosition);
        background-image: -o-linear-gradient(bottom, @firstColor @firstColorPosition, @secondColor @secondColorPosition, @thirdColor @secondColorPosition, @fourthColor @fourthColorPosition);
        background-image: -moz-linear-gradient(bottom, @firstColor @firstColorPosition, @secondColor @secondColorPosition, @thirdColor @secondColorPosition, @fourthColor @fourthColorPosition);
        background-image: -webkit-linear-gradient(bottom, @firstColor @firstColorPosition, @secondColor @secondColorPosition, @thirdColor @secondColorPosition, @fourthColor @fourthColorPosition);
        background-image: -ms-linear-gradient(bottom, @firstColor @firstColorPosition, @secondColor @secondColorPosition, @thirdColor @secondColorPosition, @fourthColor @fourthColorPosition);
        //background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @firstColor), color-stop(0.5, @secondColor), color-stop(0.51, @thirdColor), color-stop(1, @fourthColor));
  }
}