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

Question

在vaadin Flow中，M是标准尺寸，默认情况下被大多数元素使用。我们如何更改为使用 S 作为标准大小（字体大小和行高）？我也想更改 space（大小、统一、宽和高）以使用 S。

Answer 1

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

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启用启动器下载主题的调整。