减少Material UI的组件大小

Question

我一直在试图找出一种方法来将fontSize减少到所有组件集（http://www.material-ui.com/#/components），它们对我来说太大了，所以我开始创建一个可选列表并使用样式尝试减少字体和大小，但我看到的并不那么容易。

我从列表和 ListItem 开始，我能够减少除 rightToggle 元素之外的所有元素，我不是看到一种方法来覆盖它的风格。

此外，我无法更改 secondaryText 字体大小。

有没有一种特定的方法可以实现这一目标而不会有太大的痛苦？我看到有很多“魔术”数字用于填充和定位硬编码，不会更好使它们可以覆盖吗？

由于

Answer 1

尽管MUI使用内联样式方法，但最好使用CSS文件来提供一些全局样式。我们的MUI项目使用“main.css”文件来设置锚点颜色，bg颜色以及我们知道在整个应用程序中保持一致的其他几个属性。