Breadcrumbs displaying in wrong font size in navigation header

[LibbyUX]

Summary

In the FTU Explorer app, breadcrumbs are displaying at 14px currently, when all breadcrumbs in secondary navigation should always display at 12px:

• https://apps.humanatlas.io/ftu-explorer/ftu?id=https:%2F%2Fpurl.humanatlas.io%2F2d-ftu%2Fkidney-ascending-thin-loop-of-henle

Question:

Is it possible to make our breadcrumbs follow specific rules in certain contexts?

HRA specific

• If breadcrumb appears in secondary navigation header component: 12px
  • Applies to all HRA apps with global navigation

CNS for now, but this will scale to HRA & WPP eventually

If breadcrumb appears part as part of a page label on our basic page layout (see #1783): 14px

• Applies to basic content pages on CNS website