如何使用sass定义圆角函数

Question

如何使用sass定义圆角函数

Answer 1

1. 创建和使用自定义函数Sass和其他脚本语言有类似之处，可以利用变量来构建自己的函数，这使Sass可以像写JavaScript那样拥有自己的逻辑。创建自定义函数需要两个Sass指令， @function和 @return。前者创建函数，后者表明了函数将返回的值function-name代表函数名，在Sass中function-name和function_name是相同的函数，所以可使用破折号或下划线调用函数，无论命名时使用的是哪个。传递到函数中的参数$args是可选的，通常会使用传递过去的参数进行运算，也可能是一些所有函数都可以访问的全局变量。2. 关键字参数传参的时候有时候会不知道每个参数是什么意思，参数之间是一个什么样的顺序。为了解决这个问题，Sass允许通过语法$name:value的形式指定每个参数的值。3. 默认参数为了在使用函数是不必传入所有的参数，我们可以给参数指定一个默认值。参数默认值使用$name:default-value的声明形式，默认值可以是任何有效的css属性值，甚至是其他参数的引用。