1

我在为PostCSS创建插件时遇到问题。

要了解我想要做什么，请查看以下代码：

button {
     button: button;
     button-border: 3px solid #abcde1;
}

这是我想做的。

如果未设置按钮边框，那么我希望有一个默认值： 

border: none;

但是，如果设置了按钮边框，那么我想使用按钮边框中设置的值。在上面的例子中，这将是：

border: 3px solid #abcde1;

我想我会通过设置一个变量来做到这一点，但我认为我的范围有问题。这是我尝试过的代码：

       css.walkDecls(decl => {                  
             var buttonBorder = 'none',
            button = [
                         'cursor: pointer;',
                         'display: inline-block;',
                         'min-height: 1em;',
                         'outline: none;',
                         'border:' + buttonBorder
                    ],
          joinButton = button.join('');
        if (decl.prop === 'button-border') {
                         var buttonBorder = decl.value;
                          decl.remove();
               }

         if (decl.prop === 'button') {
                         decl.replaceWith(joinButton);
        }  
    });

知道我做错了什么以及如何做对吗？

谢谢，

摩西

4

1 回答 1

0

这是我在 Postcss github 页面上收到的答案： https ://github.com/postcss/postcss/issues/691#issuecomment-168686832

我试过了，它有效。

于 2016-01-04T16:04:12.780 回答