我有这个混入：
@mixin respond($breakpoint) {
@if $breakpoint == phone {
@media (max-width: 37.5em) { @content };
}
}
这个mixin的用法如下：
@include respond(phone) {
font-size: 50%;
}
我不明白的是SASS如何知道变量phone是什么？
当您打电话时正在传递什么，@include respond(phone)并且类似地在发生这种情况时正在比较什么？@if $breakpoint == phone
那电话是什么？我在代码中没有任何地方将phone定义为变量。
但是看看编译后的css，似乎就可以了。
电话只是特定断点的参考，您也可以输入任何内容代替phone，魔术发生在if声明所定义的语句内部phone：
@media (max-width: 37.5em) { @content };
分解：您通过电话在此处回复：
@include respond(phone) {…}
然后，在mixin响应中，您检查的值$breakpoint是否等于phone或您在中写的内容@include respond()。如果为真，它将放入if语句的内部。
例如，您可以执行以下操作：
@include respond(something) {}
@mixin respond($breakpoint) {
@if $breakpoint == something {
…do what you want
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句