我已经搜索过，找不到有关如何执行此操作的权威指南..我有一个使用 VMware clarity ui 的普通 angular 5 应用程序，我使用 angular-cli 生成它并使用 css。 我想在此处更改网格中的响应断点：https://vmware.github.io/clarity/documentation/v0.13/grid
我以为这将是VMware清晰网站上记录的常见任务，但我没有运气拼凑出如何做到这一点。
我的.angular-cli.json样式部分如下所示：
"styles": [
"../node_modules/@clr/icons/clr-icons.min.css",
"../node_modules/@clr/ui/clr-ui.min.css",
"../node_modules/nouislider/distribute/nouislider.min.css",
"styles.css"
],
它工作正常。但是现在我需要覆盖响应断点。
我尝试添加一个 main.scss 和 istalled node-sass，并按照这里的指南覆盖 ： https://vmware.github.io/clarity/documentation/v0.11/themes#examples
但是，我的应用程序无法编译，我什至不确定这是否是正确的方法。 错误是：@import"~bootstrap/scss/normalize"; ^ 找不到要导入的文件或无法读取：~bootstrap/scss/normalize
感谢您为我指明正确方向的任何帮助。
您可能正在查看不同版本的文档，因为 0.11 和 0.13 有不同的主题指南。确保使用的文档版本与代码中的文档版本相同。0.12+ 仅支持 Angular 6。
如果您只想修改数据网格的断点，我建议只编写设置新断点的 CSS，而不是尝试构建整个 Clarity CSS。仅对于一个覆盖，这变得更加难以维护。我不确定您到底需要覆盖什么，但最好使用 devtools 查找基于媒体查询修改布局的选择器。