-
Sass 中的数字函数提要针对数字方面提供一系列的函数功能： percentage($value)：将一个不带单位的数转换成百分比值； round($value)：将数值四舍五入，转换成一个最接近的整数； ceil($value)：将大于自己的小数转换成下一位整数； floor($value)：将一个数去除他的小数部分； abs($value)：返回一个数的绝对值； min($numbers…)：找出几个数值之间的最小值； max($numbers…)：找出几个数值之间的最大值； random(): 获取随机数查看全部
-
字符串函数-To-upper-case()、To-lower-case() 1、To-upper-case() To-upper-case() 函数将字符串小写字母转换成大写字母 2、To-lower-case() To-lower-case() 函数 与 To-upper-case() 刚好相反，将字符串转换成小写字母查看全部
-
字符串函数-quote()函数 使用 quote() 函数只能给字符串增加双引号，而且字符串中间有单引号或者空格时，需要用单引号或双引号括起，否则编译的时候将会报错。 同时 quote() 碰到特殊符号，比如： !、?、> 等，除中折号 - 和 下划线_ 都需要使用双引号括起，否则编译器在进行编译的时候同样会报错查看全部
-
unquote( ) 函数只能删除字符串最前和最后的引号（双引号或单引号），而无法删除字符串中间的引号。如果字符没有带引号，返回的将是字符串本身查看全部
-
在 Sass 的 @for 循环中有两种方式： @for $i from <start> through <end> @for $i from <start> to <end> 这两个的区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数。查看全部
-
//随机数 .main{ width:random(); } //找最大 找最小 $a:1; $b:2; $c:3; .main{ width: max($a,$b,$c); width: min($a,$b,$c); } //取绝对值 $x:-10em; $y:15px; .abs{ width: abs($x); height: abs($y); } //四舍五入取整数、取整进一法、取整退一法、 $o:3.49px; $p:4.5px; .round{ width: round($o); height: round($p); font-size: ceil($o); line-height:floor($o); }查看全部
-
To-upper-case(); //转换成大写字母 To-lower-case(); //转换成小写字母查看全部
-
列宽= 单列宽度 * 列数 + 列间距 *(列数-1)查看全部
-
through 包含end to 不包含end查看全部
-
将引入 rounded-corners 和 text-shadow 两个文件。 如果你有一个 SCSS 或 Sass 文件需要引入， 但是你又不希望它被编译为一个 CSS 文件， 这时，你就可以在文件名前面加一个下划线，就能避免被编译。 这将告诉 Sass 不要把它编译成 CSS 文件。 然后，你就可以像往常一样引入这个文件了，而且还可以省略掉文件名前面的下划线。 例如，你有一个文件叫做 _colors.scss。 这样就不会生成 _colors.css 文件了， 而且你还可以这样做： @import "colors";//不用加下划线 来引入 _colors.scss 文件。查看全部
-
@function colors($color){ $names: map-keys($social-colors); @if not index($names,$color){ @warn "Waring: `#{$color} is not a valid color name.`"; } @return map-get($social-colors,$color); }查看全部
-
$social-colors: ( dribble: #ea4c89, facebook: #3b5998, github: #171515, google: #db4437, twitter: #55acee ); @function colors($color){ @if not map-has-key($social-colors,$color){ @warn "No color found for `#{$color}` in $social-colors map. Property omitted."; } @return map-get($social-colors,$color); } .btn-dribble { color: colors(dribble); }查看全部
-
map-has-key($map,$key) 函数将返回一个布尔值。当 $map 中有这个 $key，则函数返回 true，否则返回 false。可以用来辅助map-key来写函数，诊断错误。查看全部
-
如果 $key 不在 $map 中不会编译出 css,同时也不会产生报警难以排错。需要的话可能自己写一个函数查看全部
-
map-get($map,$key)：根据给定的 key 值，返回 map 中相关的值。 map-merge($map1,$map2)：将两个 map 合并成一个新的 map。 map-remove($map,$key)：从 map 中删除一个 key，返回一个新 map。 map-keys($map)：返回 map 中所有的 key。 map-values($map)：返回 map 中所有的 value。 map-has-key($map,$key)：根据给定的 key 值判断 map 是否有对应的 value 值，如果有返回 true，否则返回 false。 keywords($args)：返回一个函数的参数，这个参数可以动态的设置 key 和 value。查看全部
举报
0/150
提交
取消