![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
haixin-fang
松弛的琴弦弹不出时代的强音
展开
-
使用sass中的映射(Map)和@each
sass中的映射相当于对象,不过是使用括号 $theme-colors: ( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark ); @each 循环就是去遍原创 2020-06-29 10:20:44 · 782 阅读 · 0 评论 -
使用sass中的@mixin
为了有效的维护和开发项目,代码的重复利用就显得尤为重要。在Sass中,除了@import和@extend可以使你的代码更加具有重复利用性,@mixin指令也同样能提高你代码的重复使用率并简化你的代码。 @extend指令通过继承从而简化了代码,但是它也有缺陷之处,首先是不够灵活,其次它还会将你不需要的其他地方具有相同类名的样式都继承过来。 @mixin指令是另一种简化代码的方法。Mixins可以包含任意内容且可以传递参数,因此比@extend更加灵活和强大。 定义Mixins 通过@mixin加名称的方式就原创 2020-06-27 20:45:53 · 649 阅读 · 0 评论