Skip to content

[breadcrumbs] Font-size of overlay items #12012

Description

@juuso-vaadin

Description

The component has --vaadin-breadcrumbs-font-size variable for controlling font-sizes. In Aura & Lumo it also controls the font-sizes in the <vaadin-breadcrumbs-overlay>, but with base styles it doesn't.

Image

Expected outcome

In base styles, overlay font-sizes should be controlled with same variable.

Workaround

vaadin-breadcrumbs vaadin-breadcrumbs-item {
    font-size: var(--vaadin-breadcrumbs-font-size);
}

Minimal reproducible example

vaadin-breadcrumbs {
    --vaadin-breadcrumbs-font-size: 12px;
}

Steps to reproduce

Environment

Vaadin version(s): 25.2.0

Browsers

Issue is not browser related

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions