%inline-flex {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

%header-commun {
  height: 60px;
}

%material-icons {
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

%shadow {
  box-shadow: 2px 2px 4px color(_others, shadow);
}

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

.truncate-two {
  overflow: hidden;
  display: -webkit-box !important;

  @include cross-browser(line-clamp, 2);
  @include cross-browser(box-orient, vertical);
  /* autoprefixer: ignore next */
 -webkit-box-orient: vertical;
}