有没有办法在 Vaadin Flow 14 中使用字体 S 作为标准大小？

Question

在vaadin Flow中，M是标准尺寸，大多数元素默认使用M。如何改为使用S作为标准尺寸（字体大小和行高）？我也想更改空间（大小、均匀、宽度和高度）以使用 S。

Answer 1

您可以覆盖全局样式表中的默认 Lumo 值。例如，以下命令将使字体始终变小：

html {
    --lumo-font-size: 1rem;
    --lumo-font-size-xxxl: 1.75rem;
    --lumo-font-size-xxl: 1.375rem;
    --lumo-font-size-xl: 1.125rem;
    --lumo-font-size-l: 1rem;
    --lumo-font-size-m: 0.875rem;
    --lumo-font-size-s: 0.8125rem;
    --lumo-font-size-xs: 0.75rem;
    --lumo-font-size-xxs: 0.6875rem;
}

对于新项目，start.vaadin.com可以调整随启动器下载的主题。