Clarity Design - 自定义 Clarity CSS

Question

我开始使用 Angular 进行清晰设计。 我正在尝试通过“style.css”来自定义样式，这是最后一个条目 在 angular.json 中的样式数组中

我的问题/意见是..

1. 降低“标题”的高度？
2. 'content-area' 似乎有一些填充..
3. 'sidenav' 似乎留下了太多边距，我喜欢的填充...

如何在 css 中自定义/覆盖这些？尝试了几件事，但无济于事。我错过了什么吗？

提前致谢。

Answer 1

首先我建议阅读the official theming documentation。

通常每个组件都有一个名为_variables.<component_name>.scss 的文件，它定义了指定组件使用的所有变量。

例如this file 定义变量$clr-header-height，即默认标题高度。

这个other file 改为定义“全局”变量。