Sass嵌套地图 - Sassmeister的问题?

时间:2015-01-07 15:01:01

标签: css sass

根据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。

有什么想法吗?

0 个答案:

没有答案