Styling - Fluid Topics - Latest

Fluid Topics Designer Guide

Category
Reference Guides
Audience
public
Version
Latest

It is possible to style the last level of the Breadcrumb component by using the ::part(breadcrumb-current-item) selector.

For example, add the following to the portal's Custom LESS:

::part(breadcrumb-current-item) {
    color: red;
    --ft-typography-body2-font-weight: bold;
}

It is also possible to style all levels of the Breadcrumb component, except for the last, by using the ::part(breadcrumb-link-label) selector.

For example, add the following to the portal's Custom LESS:

::part(breadcrumb-link-label) {
    text-decoration: underline;
}