press-pix/pmg-rules-dialog/components/detail-rules/css/index.less

基于 PixUI 的 Press 组件库

@import '../../../../common/styles/pubgm/mixins.less';

// 详细规则
.pmg-match-rules-detail-container{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
}

.pmg-match-rules-detail-content{
  padding: 0 .3rem;
  width: 80%;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}

.pmg-rules-detail-item{
  display: flex;
  flex-direction: column;
  margin-bottom: .32rem;
  flex-shrink: 0;
  &:last-of-type{
    margin-bottom: 0;
  }

}

.pmg-rules-detail-title-wrapper{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.pmg-rules-detail-title{
  height: .44rem;
  background-color: rgba(0, 0, 0, .3);
  position: relative;
  min-width: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: .16rem;
  position: relative;
  color: #fff;
  font-size: .28rem;
  font-weight: bold;
  &-text{
    line-clamp: 1;
    text-align: left;
  }

  &::before{
    content: '';
    position: absolute;
    left: 0;
    width: .025rem;
    height: .44rem;
    background-color: #FFDD21;
  }          
}

.pmg-rules-detail-title-arrow{
  position: absolute;
  top: 0;
  right: -.3rem;
  width: .29rem;
  height: .44rem;
  .bgUrl('comp/icon-tag-before-3.png');
}

.pmg-rules-detail-content{
  margin-top: .12rem;
}

.pmg-rules-detail-text{
  color:  rgba(255, 255, 255, 0.70);
  font-size: .24rem;
  line-height: .36rem;
  text-align: left;
  white-space: pre-line;
}
.pmg-rules-detail-link{
  color: #5ADDDD;
  font-size: .24rem;
  line-height: .36rem;
  text-decoration: underline;
}
.pmg-rules-detail-desc {
  white-space: pre-line;
}