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 vf-eleventy.
This releases 2.4.6 to the CDN
https://assets.emblstatic.net/vf/v2.4.6/css/styles.css
https://assets.emblstatic.net/vf/v2.4.6/scripts/scripts.js
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
vf-body 1.1.0 npm git diff
- 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 anothervf-body
vf-design-tokens 3.2.0 npm git diff
- reduces the maximum layout width token
vf-sass-config 2.4.0 npm git diff
-
updates the
$global-page-max-widthvariable so that it's consistent with the page width across components - set to80rem -
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
vf-hero 2.0.6 npm git diff
- fixed an issue where
vf_hero_hrefhad no context option for use invf-11ty.