In this set of updates you'll find that the
vf-body is slightly smaller to tie it with our spacing scale, and a bug fix for
vf-hero integration with
This releases 2.4.6 to the CDN
As a reminder, the rollup CSS and JS are compilations of many independently versioned components and is likely to contain changes that may disrupt the look of your site. We advise testing. Even better is to build your own CSS rollup from the npm sources, you can find a guide here.
📄 Page format improvement
- Makes the max-width a factor of 16px.
- adds box-sizing so that the padding doesn't effect the max-width.
- includes a fix for when a
vf-bodyis (for some reason) nested inside another
vf-design-tokens 3.2.0 npm git diff
- reduces the maximum layout width token
vf-sass-config 2.4.0 npm git diff
$global-page-max-widthvariable so that it's consistent with the page width across components - set to
Use VF 1.4 JS to load the HTML for the global header.
Add documentation and example on disabling the 1.4 data protection banner, as you should use the 2.0 data protection banner from the contentHub.
🐞 Bug fixes
- fixed an issue where
vf_hero_hrefhad no context option for use in