@import (reference) '../fabric8.less';

.transform(@transform) {
  -webkit-transform: @transform;
     -moz-transform: @transform;
      -ms-transform: @transform;
       -o-transform: @transform;
          transform: @transform;
}
.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
      -ms-transition: @transition;
       -o-transition: @transition;
          transition: @transition;
}
.borderRadius(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
       -o-border-radius: @radius;
          border-radius: @radius;
}
.Border(@borderwidth, @borderStyle, @borderColor) {
  -webkit-border-width: @borderwidth;
  -webkit-border-color: @borderColor;
  -webkit-border-style: @borderStyle;
     -moz-border-width: @borderwidth;
     -moz-border-color: @borderColor;
     -moz-border-style: @borderStyle;
       -o-border-width: @borderwidth;
       -o-border-color: @borderColor;
       -o-border-style: @borderStyle;
          border-width: @borderwidth;
          border-color: @borderColor;
          border-style: @borderStyle;
}
// truncation
.truncate() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiline-truncate(@line-height, @line-count, @bg-color) {
  position: relative;
  overflow: hidden;
  margin-right: -1em;
  padding-right: 1em;
  line-height: @line-height;
  max-height: @line-height*@line-count;
  text-align: justify;
  &:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '\2026';
  }
  &:after {
    position: absolute;
    right: 0;
    width: 1em;
    height: 3em;
    margin-top: 1em;
    background: @bg-color;
    content: '';
  }
}