根据this article:
$input-disabled-color:#333;
$input: (
disabled (
background lighten($input-disabled-color, 75%),
border lighten($input-disabled-color, 50%),
text lighten($input-disabled-color, 50%)
)
);
input[disabled] {
background-color: map-get-z($input, disabled, background);
border-color: map-get-z($input, disabled, border);
color: map-get-z($input, disabled, text);
}
应呈现给:
input[disabled] {
background-color: #f2f2f2;
border-color: #b3b3b3;
color: #b3b3b3;
}
然而,在Sassmeister上,它呈现为
input[disabled] {
background-color: map-get-z(disabled background #f2f2f2, border #b3b3b3, text #b3b3b3, disabled, background);
border-color: map-get-z(disabled background #f2f2f2, border #b3b3b3, text #b3b3b3, disabled, border);
color: map-get-z(disabled background #f2f2f2, border #b3b3b3, text #b3b3b3, disabled, text);
}
在我最初的问题中,我认为我做错了,但似乎本文中的实际代码不正确,或者Sassmeister没有做map-get-z。
有什么想法吗?