@fle-ui/plus-im-record/lib/styles/extends.less

@fle-ui/plus-im-record

@import './vars.less';

/* flex 布局样式 */
.flex {
  display: flex;
}

.flex-align-center {
  align-items: center;
}

.flex-center {
  &:extend(.flex);
  &:extend(.flex-align-center);
  justify-content: center;
}

/* 文字样式 */

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

.multi-line-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.two-line-text {
  &:extend(.multi-line-text);
  -webkit-line-clamp: 2;
}

/* 小滚动条样式 */
.scrollmini {
  &::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 4px;
    border-radius: 2px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: #ddd;
  }
}