随笔分类 -  sass

摘要:在这里把 Miscellaneous 函数称为三元条件函数,主要因为他和 JavaScript 中的三元判断非常的相似。他有两个值,当条件成立返回一种值,当条件不成立时返回另一种值: 上面表达式的意思是当 $condition 条件成立时,返回的值为 $if-true,否则返回的是 $if-fals 阅读全文
posted @ 2018-05-31 13:07 珊迪·奇克斯 阅读(543) 评论(0) 推荐(0)
摘要:comparable() 函数主要是用来判断两个数是否可以进行“加,减”以及“合并”。如果可以返回的值为 true,如果不可以返回的值是 false: 阅读全文
posted @ 2018-05-31 13:00 珊迪·奇克斯 阅读(170) 评论(0) 推荐(0)
摘要:unitless() 函数相对来说简单明了些,只是用来判断一个值是否带有单位,如果不带单位返回的值为 true,带单位返回的值为 false: 阅读全文
posted @ 2018-05-30 23:04 珊迪·奇克斯 阅读(1645) 评论(0) 推荐(0)
摘要:unit() 函数主要是用来获取一个值所使用的单位,碰到复杂的计算时,其能根据运算得到一个“多单位组合”的值,不过只充许乘、除运算: 但加、减碰到不同单位时,unit() 函数将会报错,除 px 与 cm、mm 运算之外: unit() 函数对于单位运算相对来说也没有规律,而且有些单位也无法整合成一 阅读全文
posted @ 2018-05-30 22:47 珊迪·奇克斯 阅读(925) 评论(0) 推荐(0)
摘要:type-of() 函数主要用来判断一个值是属于什么类型: 返回值: number 为数值型。 string 为字符串型。 bool 为布尔型。 color 为颜色型。 阅读全文
posted @ 2018-05-30 22:38 珊迪·奇克斯 阅读(200) 评论(0) 推荐(0)
摘要:ndex() 函数类似于索引一样,主要让你找到某个值在列表中所处的位置。在 Sass 中,第一个值就是1,第二个值就是 2,依此类推: 在 index() 函数中,如果指定的值不在列表中(没有找到相应的值),那么返回的值将是 false,相反就会返回对应的值在列表中所处的位置。 阅读全文
posted @ 2018-05-30 22:34 珊迪·奇克斯 阅读(463) 评论(0) 推荐(0)
摘要:append() 函数是用来将某个值插入到列表中,并且处于最末位。 如果没有明确的指定 $separator 参数值,其默认值是 auto。 如果列表只有一个列表项时,那么插入进来的值将和原来的值会以空格的方式分隔。 如果列表中列表项是以空格分隔列表项,那么插入进来的列表项也将以空格分隔; 如果列表 阅读全文
posted @ 2018-05-30 17:54 珊迪·奇克斯 阅读(624) 评论(0) 推荐(0)
摘要:join() 函数是将两个列表连接合并成一个列表。 不过 join() 只能将两个列表连接成一个列表,如果直接连接两个以上的列表将会报错: 但很多时候不只碰到两个列表连接成一个列表,这个时候就需要将多个 join() 函数合并在一起使用: 在 join() 函数中还有一个很特别的参数 $separa 阅读全文
posted @ 2018-05-30 17:47 珊迪·奇克斯 阅读(354) 评论(0) 推荐(0)
摘要:语法: nth() 函数用来指定列表中某个位置的值。不过在 Sass 中,nth() 函数和其他语言不同,1 是指列表中的第一个标签值,2 是指列给中的第二个标签值,依此类推。如: 注:在 nth($list,$n) 函数中的 $n 必须是大于 0 的整数: 阅读全文
posted @ 2018-05-30 15:15 珊迪·奇克斯 阅读(1070) 评论(0) 推荐(0)
摘要:length() 函数主要用来返回一个列表中有几个值,简单点说就是返回列表清单中有多少个值: length() 函数中的列表参数之间使用空格隔开,不能使用逗号,否则函数将会出错: 阅读全文
posted @ 2018-05-30 14:30 珊迪·奇克斯 阅读(504) 评论(0) 推荐(0)
摘要:random() 函数是用来获取一个随机数 阅读全文
posted @ 2018-05-30 14:02 珊迪·奇克斯 阅读(985) 评论(0) 推荐(0)
摘要:min()函数 min() 函数功能主要是在多个数之中找到最小的一个,这个函数可以设置任意多个参数: 不过在 min() 函数中同时出现两种不同类型的单位,将会报错误信息: max()函数 max() 函数和 min() 函数一样,不同的是,max() 函数用来获取一系列数中的最大那个值: 同样的, 阅读全文
posted @ 2018-05-30 13:07 珊迪·奇克斯 阅读(630) 评论(0) 推荐(0)
摘要:abs( ) 函数会返回一个数的绝对值。 编译后的 css 代码: 阅读全文
posted @ 2018-05-30 13:04 珊迪·奇克斯 阅读(411) 评论(0) 推荐(0)
摘要:floor() 函数刚好与 ceil() 函数功能相反,其主要将一个数去除其小数部分,并且不做任何的进位。也就是只做舍,不做入的计算: 编译后的 css 代码: 阅读全文
posted @ 2018-05-30 11:10 珊迪·奇克斯 阅读(285) 评论(0) 推荐(0)
摘要:ceil() 函数将一个数转换成最接近于自己的整数,会将一个大于自身的任何小数转换成大于本身 1 的整数。也就是只做入,不做舍的计算: 编译后的 css 代码: 阅读全文
posted @ 2018-05-30 11:07 珊迪·奇克斯 阅读(475) 评论(0) 推荐(0)
摘要:round() 函数可以将一个数四舍五入为一个最接近的整数: 编译后的 css 代码: 在round() 函数中可以携带单位的任何数值。 阅读全文
posted @ 2018-05-29 17:42 珊迪·奇克斯 阅读(520) 评论(0) 推荐(0)
摘要:1、percentage() percentage()函数主要是将一个不带单位的数字转换成百分比形式: 编译后的 css 代码: 如果您转换的值是一个带有单位的值,那么在编译的时候会报错误信息: 阅读全文
posted @ 2018-05-29 17:21 珊迪·奇克斯 阅读(660) 评论(0) 推荐(0)
摘要:1、To-upper-case() To-upper-case() 函数将字符串小写字母转换成大写字母。如: 编译出来的 css 代码: 2、To-lower-case() To-lower-case() 函数 与 To-upper-case() 刚好相反,将字符串转换成小写字母: 编译出来的 cs 阅读全文
posted @ 2018-05-29 17:13 珊迪·奇克斯 阅读(167) 评论(0) 推荐(0)
摘要:字符串函数顾名思意是用来处理字符串的函数。Sass 的字符串函数主要包括两个函数: unquote($string):删除字符串中的引号; quote($string):给字符串添加引号。 1、unquote()函数 unquote() 函数主要是用来删除一个字符串中的引号,如果这个字符串没有带有引 阅读全文
posted @ 2018-05-29 14:31 珊迪·奇克斯 阅读(634) 评论(0) 推荐(0)
摘要:@each 循环就是去遍历一个列表,然后从列表中取出对应的值。 @each 循环指令的形式: 如果你没有接触过列表,也不要紧,他也非常简单。 在下面的例子中你可以看到,$var 就是一个变量名,<list> 是一个 SassScript 表达式,他将返回一个列表值。变量 $var 会在列表中做遍历, 阅读全文
posted @ 2018-05-29 13:19 珊迪·奇克斯 阅读(207) 评论(0) 推荐(0)