清晰度设计-自定义清晰度CSS

Question

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

我的问题/观察是..

1. 减小“标头”的高度吗？
2. “内容区域”似乎有一些填充。.
3. 'sidenav'似乎留有太多的空白，我喜欢的填充物...

如何在CSS中自定义/覆盖这些内容？一直在尝试几件事，但无济于事。我在想什么吗？

谢谢。

Answer 1

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

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

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

此other file定义了“全局”变量。