Laravel 混合跳过一个 scss 行

Question

我正在 Laravel 5.4 开发一个 Laravel 项目。我为 css 使用 Laravel 混合包，混合 scss 文件。今天我在我的个人 scss 文件中添加了这些行

span.dots-on-overflow {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

但是混合之后我得到的结果只有

span.dots-on-overflow {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
}

我不明白 -webkit-box-orient: vertical; 行为什么会丢失或被跳过。

css 没有错误，因为我从 html 中的样式属性粘贴了它。

如果您能提供帮助，在此先感谢！

Answer 1

Can I Use? and MDN 表示此参数已弃用并声明 "Do not use it on production sites facing the Web".

我怀疑它被 SCSS 编译器视为无效指令并被删除，特别是如果您使用 the polyfill plugin 之类的东西进行 post-processing。

Laravel mix skipping one scss line