Collection item headings/links (e.g., usa-collection__heading need to be updated to have the same styling as the nci-heading-h3 styling. This will update the font token from xl/24px to md/20px.
ESTIMATE TBD
What's the expected change?
The Collection item headings/links use nci-heading-h3 styling and display font token md/font size 20px.
What's the current functionality?
The Collection item headings/links use nci-heading-h2 styling and display font token xl/font size 24px.
We should be setting $theme-collection-header-typeset should be enough to control the link size, so we should remove the > .usa-link selector. Currently in the patch, the collection header is set to +$theme-collection-header-typeset: "heading", "lg", 3 !default; which is the incorrect size. It should be updated to +$theme-collection-header-typeset: "heading", "md", 3 !default;
Issue description
Collection item headings/links (e.g.,
usa-collection__heading
need to be updated to have the same styling as thenci-heading-h3
styling. This will update the font token fromxl
/24px tomd
/20px.What's the expected change?
nci-heading-h3
styling and display font tokenmd
/font size 20px.What's the current functionality?
nci-heading-h2
styling and display font tokenxl
/font size 24px.What's the updated acceptance criteria?
Additional details / screenshot
Technical notes
Our patch has
We should be setting
$theme-collection-header-typeset
should be enough to control the link size, so we should remove the> .usa-link
selector. Currently in the patch, the collection header is set to+$theme-collection-header-typeset: "heading", "lg", 3 !default;
which is the incorrect size. It should be updated to+$theme-collection-header-typeset: "heading", "md", 3 !default;