文档章节

LESS函数

柴高八斗之父
 柴高八斗之父
发布于 2017/03/21 11:07
字数 758
阅读 9
收藏 0
  •  索引

  •  
  • escape(@string); // 通过 URL-encoding 编码字符串
  • e(@string); // 对字符串转义
  • %(@string, values...); // 格式化字符串
  • unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位
  • color(@string); // 将字符串解析为颜色值
  • data-uri([mimetype,] url); // * 将资源内嵌到css中,可能回退到url()
  • ceil(@number); // 向上取整
  • floor(@number); // 向下取整
  • percentage(@number); // 将数字转换为百分比,例如 0.5 -> 50%
  • round(number, [places: 0]); // 四舍五入取整
  • sqrt(number); // * 计算数字的平方根
  • abs(number); // * 数字的绝对值
  • sin(number); // * sin函数
  • asin(number); // * arcsin函数
  • cos(number); // * cos函数
  • acos(number); // * arccos函数
  • tan(number); // * tan函数
  • atan(number); // * arctan函数
  • pi(); // * 返回PI
  • pow(@base, @exponent); // * 返回@base的@exponent次方
  • mod(number, number); // * 第一个参数对第二个参数取余
  • convert(number, units); // * 在数字之间转换
  • unit(number, units); // * 不转换的情况下替换数字的单位
  • color(string); // 将字符串或者转义后的值转换成颜色
  • rgb(@r, @g, @b); // 转换为颜色值
  • rgba(@r, @g, @b, @a); // 转换为颜色值
  • argb(@color); // 创建 #AARRGGBB 格式的颜色值
  • hsl(@hue, @saturation, @lightness); // 创建颜色值
  • hsla(@hue, @saturation, @lightness, @alpha); // 创建颜色值
  • hsv(@hue, @saturation, @value); // 创建颜色值
  • hsva(@hue, @saturation, @value, @alpha); // 创建颜色值
  • hue(@color); // 从颜色值中提取 hue 值(色相)
  • saturation(@color); // 从颜色值中提取 saturation 值(饱和度)
  • lightness(@color); // 从颜色值中提取 'lightness' 值(亮度)
  • hsvhue(@color); // * 从颜色中提取 hue 值,以HSV色彩空间表示(色相)
  • hsvsaturation(@color); // * 从颜色中提取 saturation 值,以HSV色彩空间表示(饱和度)
  • hsvvalue(@color); // * 从颜色中提取 value 值,以HSV色彩空间表示(色调)
  • red(@color); // 从颜色值中提取 'red' 值(红色)
  • green(@color); // 从颜色值中提取 'green' 值(绿色)
  • blue(@color); // 从颜色值中提取 'blue' 值(蓝色)
  • alpha(@color); // 从颜色值中提取 'alpha' 值(透明度)
  • luma(@color); // 从颜色值中提取 'luma' 值(亮度的百分比表示法)
  • saturate(@color, 10%); // 饱和度增加 10%
  • desaturate(@color, 10%); // 饱和度降低 10%
  • lighten(@color, 10%); // 亮度增加 10%
  • darken(@color, 10%); // 亮度降低 10%
  • fadein(@color, 10%); // 透明度增加 10%
  • fadeout(@color, 10%); // 透明度降低 10%
  • fade(@color, 50%); // 设定透明度为 50%
  • spin(@color, 10); // 色相值增加 10
  • mix(@color1, @color2, [@weight: 50%]); // 混合两种颜色
  • greyscale(@color); // 完全移除饱和度,输出灰色
  • contrast(@color1, [@darkcolor: black], [@lightcolor: white], [@threshold: 43%]); // 如果 @color1 的 luma 值 > 43% 输出 @darkcolor,否则输出 @lightcolor
  • multiply(@color1, @color2);
  • screen(@color1, @color2);
  • overlay(@color1, @color2);
  • softlight(@color1, @color2);
  • hardlight(@color1, @color2);
  • difference(@color1, @color2);
  • exclusion(@color1, @color2);
  • average(@color1, @color2);
  • negation(@color1, @color2);
  • iscolor(@colorOrAnything); // 判断一个值是否是颜色
  • isnumber(@numberOrAnything); // 判断一个值是否是数字(可含单位)
  • isstring(@stringOrAnything); // 判断一个值是否是字符串
  • iskeyword(@keywordOrAnything); // 判断一个值是否是关键字
  • isurl(@urlOrAnything); // 判断一个值是否是url
  • ispixel(@pixelOrAnything); // 判断一个值是否是以px为单位的数值
  • ispercentage(@percentageOrAnything); // 判断一个值是否是百分数
  • isem(@emOrAnything); // 判断一个值是否是以em为单位的数值
  • isunit(@numberOrAnything, "rem"); // * 判断一个值是否是指定单位的数值

© 著作权归作者所有

共有 人打赏支持
柴高八斗之父
粉丝 5
博文 203
码字总数 112916
作品 0
宁波
前端工程师
私信 提问

暂无文章

【机器学习PAI实战】—— 玩转人工智能之商品价格预测

摘要: 我们经常思考机器学习,深度学习,以至于人工智能给我们带来什么?在数据相对充足,足够真实的情况下,好的学习模型可以发现事件本身的内在规则,内在联系。我们去除冗余的信息,可以...

zhaowei121
17分钟前
1
0
Spring拓展接口之FactoryBean,我们来看看其源码实现

是什么 FactoryBean的源码比较简单,大家可以细读下其注释,我做了简单的如下翻译 /** * 实现此接口的bean不能用作普通bean。此bean暴露的对象是通过getObject()创建的对象,而不是它自身...

java菜分享
21分钟前
2
0
Pod在多可用区worker节点上的高可用部署

一、 需求分析 当前kubernetes集群中的worker节点可以支持添加多可用区中的ECS,这种部署方式的目的是可以让一个应用的多个pod(至少两个)能够分布在不同的可用区,起码不能分布在同一个可用...

阿里云官方博客
27分钟前
0
0
深入理解 Hive 分区分桶 (Inceptor)

分区是hive存放数据的一种方式。将列值作为目录来存放数据,就是一个分区。这样查询时使用分区列进行过滤,只需根据列值直接扫描对应目录下的数据,不扫描其他不关心的分区,快速定位,提高查...

hblt-j
35分钟前
0
0
数据结构

什么是数据结构 1、数据 数据是描述客观世界的数字、字符以及一切能够输入到计算机中,并且能够被计算机程序处理的符号集合。简言之,数据就是计算机加工处理的原料,是信息的载体。 2、数据...

stars永恒
46分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部