;(function(win, lib) { var doc = win.document;// win = window,lib = window.lib; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexible"]');//这样的…

sass定义了很多函数可供使用,当然你也可以自己定义函数,以@fuction开始. sass的官方函数链接为:sass fuction,实际项目中我们使用最多的应该是颜色函数,而颜色函数中又以lighten减淡和darken加深为最, 其调用方法为lighten($color,$amount)和darken($color,$amount),它们的第一个参数都是颜色值,第二个参数都是百分比. scss.style css.style 关于@mixin,%,@function更多说明可参阅: sas…

SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS – @extend(继承)指令 SASS – 操作符 SASS – 函数 SASS – 输出格式 本文介绍Sass函数.Sass包含大量函数,本文介绍最重要最常用的函数,其他可以参考官方文档. 颜色函数 sass包含很多操作颜色的函数.例如:lighten() 与 darken()函数可用于调亮或调…

数字函数简介 Sass 中的数字函数提要针对数字方面提供一系列的函数功能: percentage($value):将一个不带单位的数转换成百分比值: round($value):将数值四舍五入,转换成一个最接近的整数: ceil($value):将大于自己的小数转换成下一位整数: floor($value):将一个数去除他的小数部分: abs($value):返回一个数的绝对值: min($numbers…):找出几个数值之间的最小值: max($numbers…):找出几个数值之间的最大值:…

Sass的函数简介在 Sass 中除了可以定义变量,具有 @extend.%placeholder 和 mixins 等特性之外,还自备了一系列的函数功能.其主要包括: ● 字符串函数 ● 数字函数 ● 列表函数 ● 颜色函数 ● Introspection 函数 ● 三元函数等 当然除了自备的函数功能之外,我们还可以根据自己的需求定义函数功能,常常称之为自定义函数. 字符串函数字符串函数顾名思意是用来处理字符串的函数.Sass 的字符串函数主要包括两个函数: unquote($string):…

列表函数简介 列表函数主要包括一些对列表参数的函数使用,主要包括以下几种: length($list):返回一个列表的长度值: nth($list, $n):返回一个列表中指定的某个标签值  join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表: append($list1, $val, [$separator]):将某个值放在列表的最后: zip($lists…):将几个列表结合成一个多维的列表: index($list, $value):返…

Opacity函数简介 在 CSS 中除了可以使用 rgba.hsla 和 transform 来控制颜色透明度之外,还可以使用 opacity 来控制,只不过前两者只是针对颜色上的透明通道做处理,而后者是控制整个元素的透明度. 在 Sass 中,也提供了系列透明函数,只不过这系列的透明函数主要用来处理颜色透明度:  alpha($color) /opacity($color):获取颜色透明度值: rgba($color, $alpha):改变颜色的透明度值: opacify($color, $…

RGB颜色函数-RGB()颜色函数 主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等.1.RGB颜色函数RGB 颜色只是颜色中的一种表达式,其中 R 是 red 表示红色,G 是 green 表示绿色而 B 是 blue 表示蓝色.在 Sass 中为 RGB 颜色提供六种函数: rgb($red,$green,$blue):根据红.绿.蓝三个值创建一个颜色: rgba($red,$gre…

MapSass 的 map 常常被称为数据地图,也有人称其为数组,是以 key:value 成对的出现. $map: ( $key1: value1, $key2: value2, $key3: value3 ) 首先有一个类似于 Sass 的变量一样,用个 $ 加上命名空间来声明 map.后面紧接是一个小括号 (),将数据以 key:value 的形式赋予,其中 key 和 value 是成对出现,并且每对之间使用逗号 (,) 分隔,其中最后一组后面没有逗号.其中键 key 是用来查找相关联的…

map-has-key($map,$key) 函数将返回一个布尔值.当 $map 中有这个 $key,则函数返回 true,否则返回 false. 前面的示例,当 $key 不在 $map 中时,使用 map-get($map,$key) 函数将返回一个 null 值.但对于开发人员,并看不到任何提示信息.如果使用 map-has-key($map,$key) 函数就可以改变这一状态.我们来看一个简单的示例. @if map-has-key($social-colors,facebook){ .…