Recent releases, 2.4.0 CSS, JS rollup release

New versions of vf-card, vf-hero and minor updates and bug fixes

27 Nov 2020


This release of the prebuilt CSS and JS includes two major new versions of the vf-hero and vf-card components along with other optimisations and bug fixes. Read on for details.



Major refinements and breaking changes

vf-hero 2.0.0 npm git diff

vf-hero before and after
After on the left. The vf-hero has been tightened up. The syntax and behaviour have also been matured.

Discussion and PR See the component

vf-card 2.3.0 npm git diff

vf-card before and after
After on the left. Similar to the vf-hero update, vf-card has been visually tightened up but without a breaking change. .

Discussion and PR See the component

vf-frctl-theme deprecated git diff

back to fractal's default theme
We're now using the default Fractal theme for development.

When developing directly in ./tools/vf-core running gulp vf-dev will start the Fractal component library interface. Previously this was also the public-facing website for the Visual Framework, however we now use this 11ty-based website.

So the vf-frctl-theme had become an ongoing technical debt without much upside. It has now been deprecated and running gulp vf-dev will use Fractal's default Mandlebrot theme.

Discussion and PR

Minor features

vf-sass-config 2.3.0 npm git diff

vf-show-more 1.1.0 npm git diff

vf-design-tokens 3.1.0 npm git diff

vf-summary 1.4.0 npm git diff

vf-box 2.3.0 npm git diff

Bug fixes

vf-u-fullbleed 1.2.2 npm git diff

embl-breadcrumbs-lookup 1.0.2 npm git diff

vf-breadcrumbs 2.0.1 npm git diff

vf-sass-config 2.3.1 npm git diff

vf-hero 2.0.1 npm git diff

vf-hero 2.0.2 npm git diff

vf-card 2.3.1 npm git diff

Find an issue on this page? Propose a change or discuss it.