博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
scss rem 转换函数
阅读量:5935 次
发布时间:2019-06-19

本文共 485 字,大约阅读时间需要 1 分钟。

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

 

转载于:https://www.cnblogs.com/szatpig/p/10709289.html

你可能感兴趣的文章
Activiti6.0,spring5,SSM,工作流引擎,OA
查看>>
第十三章:SpringCloud Config Client的配置
查看>>
使用 GPUImage 实现一个简单相机
查看>>
CoinWhiteBook:区块链在慈善事业中的应用
查看>>
【二】express
查看>>
Mac上基于Github搭建Hexo博客
查看>>
What does corn harvester involve?
查看>>
阿里云服务器ECS开放8080端口
查看>>
前端常用排序详解
查看>>
Spring中实现监听的方法
查看>>
使用Tooltip会出现一个问题,如果行上出现复选框
查看>>
11.03T1 DP
查看>>
P2924 [USACO08DEC]大栅栏Largest Fence
查看>>
jQuery操作table tr td
查看>>
工作总结:MFC自写排序算法(升序)
查看>>
螺旋队列问题之二
查看>>
扩展运算符和解构赋值的理解
查看>>
焦点不在input或textarea中,屏蔽回格按钮
查看>>
后缀数组(suffix array)详解
查看>>
EF 通过DataAnnotations配置属性和类型
查看>>