sass的高级用法

简介: 一、函数percentage($value):将不带单位的数转换成百分比值;round($value):将数值四舍五入,转换成一个最接近的整数;ceil($value):向上取整;floor($value):向下取整;abs($value)...

一、函数

  • percentage($value):将不带单位的数转换成百分比值;
  • round($value):将数值四舍五入,转换成一个最接近的整数;
  • ceil($value):向上取整;
  • floor($value):向下取整;
  • abs($value):取数的绝对值;
  • min($numbers…):找出几个数值之间的最小值;
  • max($numbers…):找出几个数值之间的最大值;
  • random(): 获取随机数

例子:

随机颜色

rgb(floor(random()255), floor(random()255), floor(random()*255))

二、koala中文乱码

进入到Koala 安装目录 D:\Koala\rubygems\gems\sass-3.4.9\lib\sass修改 engine.rb 文件 在require 最下面 加入以下代码 即可解决

Encoding.default_external = Encoding.find('utf-8')
目录
相关文章
|
7月前
|
前端开发
Sass基础知识之【变量】
Sass基础知识之【变量】
59 0
|
5月前
|
JSON JavaScript 前端开发
TypeScript(十五)配置相关(命令行配置)
TypeScript(十五)配置相关(命令行配置)
59 4
|
7月前
|
传感器 算法 搜索推荐
stylus使用方法
stylus使用方法
64 0
|
移动开发 JavaScript 小程序
vant4的基础用法
基于vue3和ts平台来使用 这篇文章会手把手的教你如何用vant开发h5
302 0
vant4的基础用法
|
7月前
|
JavaScript
TypeScript 高级语法
TypeScript 高级语法
66 0
|
JSON JavaScript 数据格式
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(3)
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(3)
108 0
|
JavaScript 前端开发 API
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(1)
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(1)
124 0
|
JavaScript API
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(2)
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(2)
|
JavaScript 前端开发 编译器
带你读《现代TypeScript高级教程》十六、解读TSConfig(1)
带你读《现代TypeScript高级教程》十六、解读TSConfig(1)
|
JavaScript 前端开发 编译器
带你读《现代TypeScript高级教程》十六、解读TSConfig(3)
带你读《现代TypeScript高级教程》十六、解读TSConfig(3)