首页 > Web开发 > 详细

scss rem 转换函数

时间:2019-04-15 10:49:21      阅读:187      评论:0      收藏:0      [点我收藏+]

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;
  }
}

 

scss rem 转换函数

原文:https://www.cnblogs.com/szatpig/p/10709289.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!