当前位置: 首页 > news >正文

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

 

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

相关文章:

  • 30K iOS程序员的简述:如何快速进阶成为高级开发人员
  • sysbench安装配置和参数说明
  • Q680 验证回文字符串 Ⅱ
  • python基础知识-12-模块的了解
  • 20175318 2018-2019-2 实验二《Java面向对象程序设计》实验报告
  • 数据可视化之下发图实践
  • PCB单双面板打样工程费跨入30元时代!
  • DLC 基本定律与规则2
  • Netty源码分析(六):SelectedSelectionKeySetSelector
  • 003-Java技术体系
  • vue的事件对象,方法执行
  • CAD图纸转换成高质量的彩色PDF格式如何操作?
  • 光伏工商业屋顶 Lora 组网监控方案
  • 莫等闲,白了少年头,空悲切!
  • 2017-11-28 在线编程网站对中文代码的支持
  • [LeetCode] Wiggle Sort
  • [译] React v16.8: 含有Hooks的版本
  • Akka系列(七):Actor持久化之Akka persistence
  • Java 最常见的 200+ 面试题:面试必备
  • JavaScript新鲜事·第5期
  • Java比较器对数组,集合排序
  • js学习笔记
  • mysql外键的使用
  • php中curl和soap方式请求服务超时问题
  • Python利用正则抓取网页内容保存到本地
  • Python学习之路16-使用API
  • Redis在Web项目中的应用与实践
  • storm drpc实例
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 仿天猫超市收藏抛物线动画工具库
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • 阿里云重庆大学大数据训练营落地分享
  • ​学习一下,什么是预包装食品?​
  • ​一帧图像的Android之旅 :应用的首个绘制请求
  • $(selector).each()和$.each()的区别
  • (2020)Java后端开发----(面试题和笔试题)
  • (6)设计一个TimeMap
  • (arch)linux 转换文件编码格式
  • (C语言)共用体union的用法举例
  • (Mirage系列之二)VMware Horizon Mirage的经典用户用例及真实案例分析
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (安全基本功)磁盘MBR,分区表,活动分区,引导扇区。。。详解与区别
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (附源码)计算机毕业设计SSM疫情社区管理系统
  • (四)Android布局类型(线性布局LinearLayout)
  • .bat批处理出现中文乱码的情况
  • .Net - 类的介绍
  • .Net Attribute详解(上)-Attribute本质以及一个简单示例
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .net web项目 调用webService
  • .NET6使用MiniExcel根据数据源横向导出头部标题及数据
  • .NetCore实践篇:分布式监控Zipkin持久化之殇
  • .net网站发布-允许更新此预编译站点
  • .net专家(张羿专栏)