scss rem 转换函数

scss样式函数:

@function px2rem($px, $base-font-size: 75px) {
  @return ($px / $base-font-size) * 1rem;
}

示例:

.common-button{
  line-height: px2rem(90px);
  text-align: center;
  color: #fff;
  font-size: px2rem(30px);
  width:100%;
  margin-top: px2rem(20px);
  border:none;
  background-color: $color-ff6f33;
  border-radius: px2rem(8px);
  &:disabled{
    background-color: #cacaca;
    color: #919191;
    border: 0.015rem solid #cacaca;
  }
}

 

posted @ 2019-04-15 10:39  小猪宿州  阅读(963)  评论(0编辑  收藏  举报