cc-english-component/packages/less/website.less

唱唱启蒙英语公共组件库

// 多行省略
.overflowRow(@row: 1) {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @row;
  line-clamp: @row;
  -webkit-box-orient: vertical;
}

.module {
  margin-top: 20px;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;

  &-title {
    font-size: 20px;
    font-weight: bold;
    color: #222222;
    line-height: 28px;
    margin-bottom: 15px;
    .overflowRow;
  }

  &-content {
    margin-top: 15px;
  }
}