// Keep images from scaling beyond the width of their parents.
.img-responsive(@display: block) {
  display: @display;
  max-width: 100%; // Part 1: Set a maximum relative to the parent
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}
// Input basic setting
.input-setting() {
  padding: 0.55rem @content-padding;
  width: 100%;
  font-size: @font-size-default;
  line-height: @line-height-default;
  color: @black-default;
  resize: none;
  border: none;
  outline:none;
}

.line-up-down() {
  right: 0;
  top: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  background-color: #c8c7cc;
  width: 100%;
}