
@mixin txt_overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin txt_nowarp() {
  word-break: break-all;
  white-space: nowrap;
}

@mixin txt_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin txt_ellipsis_lines($lines) {
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@mixin a($color: $font_color) {
  a {
    color: $color;
    text-decoration: none;
  }
  a:hover, a:focus, a:active {
    color: $link_color
  }
}

@mixin gray_link($color: $font_color) {
  color: $color;
  &:hover, &:focus, &:active {
    color: $link_color;
    text-decoration: none;
  }
}

@mixin font_10px{
  font-size : 12px;
  -webkit-transform : scale(0.84,0.84) ;
  -webkit-transform-origin: 0 0;
  *font-size:10px;
}
