@font-size: 12px;
@line-height: 20/14;
@border-radius: 4px;
@padding-vertical: 6px;
@padding-horizontal: 12px;

@line-height-computed: floor((@font-size*@line-height));

.flex() {
  display: flex;
  display: -webkit-flex;
}

.inline-flex() {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.flex-wrap(@wrap) {
  flex-wrap: @wrap;
  -webkit-flex-wrap: @wrap;
}

.align-items(@align) {
  align-items: @align;
  -webkit-align-items: @align;
}

.flex-direction(@direction) {
  flex-direction: @direction;
  -webkit-flex-direction: @direction;
}

.flex-grow(@grow) {
  flex-grow: @grow;
  -webkit-flex-grow: @grow;
}

.flex-shrink(@shrink) {
  flex-shrink: @shrink;
  -webkit-flex-shrink: @shrink;
}

.justify-content(@justify) {
  justify-content: @justify;
  -webkit-justify-content: @justify;
}

.order(@order) {
  order: @order;
  -webkit-order: @order;
}

.item-flex(@grow, @shrink, @basis) {
  flex: @grow @shrink @basis;
  -webkit-flex: @grow @shrink @basis;
}

.no-user-select() {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.placeholder(@color) {
  &::placeholder,
  &:-ms-input-placeholder,
  &::-moz-placeholder,
  &::-webkit-input-placeholder  {
    color: @color;
    opacity: 1;
  }
}

.bring-to-front() {
  z-index: 100;
}
