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')
目录
相关文章
|
3月前
|
JSON JavaScript 前端开发
TypeScript(十五)配置相关(命令行配置)
TypeScript(十五)配置相关(命令行配置)
35 4
|
3月前
|
JavaScript 编译器 开发者
TypeScript(十二)模块
TypeScript(十二)模块
25 0
|
4月前
|
JavaScript 编译器 开发者
32.【TypeScript 教程】模块
32.【TypeScript 教程】模块
23 0
|
JavaScript 前端开发
《现代Typescript高级教程》命名空间和模块
命名空间和模块 命名空间(Namespace) 在 TypeScript 中,命名空间是一种将代码封装在一个特定名称下的方式,以防止全局作用域污染并避免命名冲突。命名空间在 TypeScript 中非常重要,因为它们为模块化和封装提供了灵活的选项。 创建命名空间的语法如下:
97 0
|
5月前
|
JavaScript
VueCli3+TypeScript3项目显示Markdown内容
VueCli3+TypeScript3项目显示Markdown内容
98 0
|
5月前
|
JavaScript
TypeScript 高级语法
TypeScript 高级语法
57 0
|
12月前
|
JavaScript
TypeScript 支持模块化编程,具体应用案例解析
TypeScript 支持模块化编程,具体应用案例解析
57 0
|
12月前
|
JSON JavaScript 数据格式
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(3)
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(3)
|
12月前
|
JavaScript 前端开发 API
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(1)
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(1)
111 0
|
12月前
|
JavaScript API
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(2)
带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(2)