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

//----------------------------------------------------------------------------------------------------------------------
// Font Size in rems
//----------------------------------------------------------------------------------------------------------------------
.font-size(@size) {
  @remSize: @size/10;
  font-size: ~"@{size}px";
  font-size: ~"@{remSize}rem";
}



.inline {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

//----------------------------------------------------------------------------------------------------------------------
// Gradients
//----------------------------------------------------------------------------------------------------------------------
//.causeway-component-background-hover {
//  #gradient .vertical(@gradient-blue-dark; @gradient-blue-light; 0%; 100%);
//}
//
//.causeway-component-background-active {
//  .causeway-component-background-hover;
//}

//----------------------------------------------------------------------------------------------------------------------
// Border Radius
//----------------------------------------------------------------------------------------------------------------------
.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

//----------------------------------------------------------------------------------------------------------------------
// Animation
//----------------------------------------------------------------------------------------------------------------------
.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
  -webkit-animation: @name @duration @delay @ease;
  -moz-animation:    @name @duration @delay @ease;
  -ms-animation:     @name @duration @delay @ease;
}
//----------------------------------------------------------------------------------------------------------------------
// no text highlight/selection on double/multiple click
//----------------------------------------------------------------------------------------------------------------------
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

//----------------------------------------------------------------------------------------------------------------------
// Ellipsis
//----------------------------------------------------------------------------------------------------------------------
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

//----------------------------------------------------------------------------------------------------------------------
// Remove Gradient
//----------------------------------------------------------------------------------------------------------------------
.no-gradient {
  background-image: none;
  filter: none;
  -ms-filter: none;
}
.no-box-shadow {
  .box-shadow(0);
}
.no-text-shadow {
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -ms-text-shadow: none;
  text-shadow: none;
}
.no-border{
  .border-radius(0);
}