摘要: 在 Sass 的混合宏中,还可以给混合宏的参数传一个默认值,例如: 在混合宏“border-radius”传了一个参数“$radius”,而且给这个参数赋予了一个默认值“3px”。 在调用类似这样的混合宏时,会多有一个机会,假设你的页面中的圆角很多地方都是“3px”的圆角,那么这个时候只需要调用默认 阅读全文
posted @ 2018-05-22 17:46 珊迪·奇克斯 阅读(3138) 评论(0) 推荐(0) 编辑
摘要: Sass 的混合宏有一个强大的功能,可以传参,那么在 Sass 中传参主要有以下几种情形: A) 传一个不带值的参数 在混合宏中,可以传一个不带任何值的参数,比如: 在混合宏"border-radius"中定义了一个不带任何值的参数"$radius"。 在调用的时候可以给这个混合宏传一个参数值: 这 阅读全文
posted @ 2018-05-22 15:19 珊迪·奇克斯 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 在 Sass 中通过 @mixin 关键词声明了一个混合宏,那么在实际调用中,其匹配了一个关键词“@include”来调用声明好的混合宏。例如在你的样式中定义了一个圆角的混合宏“border-radius”: 在一个按钮中用调用好的混合宏"border-radius",可以这样使用: 这个时候编译出 阅读全文
posted @ 2018-05-22 14:59 珊迪·奇克斯 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass 可以使用变量来统一处理,那么这种选择还是不错的。但当你的样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目了。这个时候 Sass 中的混合宏就会变得非常有意义下面介绍 Sass 的混合宏。 1、声明混合宏 不带参 阅读全文
posted @ 2018-05-22 11:46 珊迪·奇克斯 阅读(150) 评论(0) 推荐(0) 编辑