css - Edge Browser-@supports for SCSS 抛出错误

Question

我有一个 angular2 应用程序，我在其中使用 scss 进行样式设置。我只需要在 Microsoft Edge 中修复一个小的对齐问题。我写了这样的css -

@supports (-ms-ime-align:auto) {
    .checkbox {
        padding-top: 10px;
    }
}

但是当我将鼠标悬停在@supports 上时，它给了我错误-

[scss] at-rule unknown

知道为什么这不起作用。