例如,以下来自sass.这只是@mixin的简写吗?我似乎无法在谷歌上找到任何相关的信息
=multi-line-button($base-color)
+background-clip('padding-box')
border-width: 1px
+border-radius(6px)
border-style: solid
color: white
display: block
margin: 0.2em auto
padding: 12px 15px
text-align: center
text-decoration: none
Run Code Online (Sandbox Code Playgroud)
是的,这是在Sass中定义mixins的方法
不知道如果这篇文章会有所帮助
编辑:
以下是相同的
@mixin red-text
color: #ff0000
=red-text
color: #ff0000
Run Code Online (Sandbox Code Playgroud)
只需添加+red-text到您的选择器
小智 5
“ @mixin foobar”是较新的SCSS语法(更像CSS),“ = foobar”是较旧的SASS语法(更像HAML)。我对SASS相当陌生,并且从SCSS开始,但是两者都受支持(可能不在同一样式表中),并且都将继续受到支持。