2.3.2 Component updates

6 Nov 2020

This releases 2.3.2 to the CDN

https://assets.emblstatic.net/vf/v2.3.2/css/styles.css
https://assets.emblstatic.net/vf/v2.3.2/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.

This minor update releases more minor component updates that focus on improving visual consistency, eliminating bugs, optimisations and adding minor features.

New features

vf-google-analytics 1.0.0 npm git diff

Stable release
Use the more robust "beacon" logging, when available
- https://developers.google.com/analytics/devguides/collection/analyticsjs/sending-hits
Feature: track outbound/external links
- https://github.com/visual-framework/vf-core/issues/1210

vf-link-list 1.3.0 npm git diff

makes the vf-links__heading optional.

vf-breadcrumbs 2.0.0 npm git diff

adds aria-current="location" to be used for the last item in vf-breadcrumbs
replaces CSS to style aria-current="location" and not :last-of-type.
adds text-shadow to aria-current="location" to show text a little bolder.

vf-sass-config 2.2.0 npm git diff

updates --page-grid-gap for larger viewports to 2rem instead of 1.5rem.
updates the embl-grid small column size from 238px to 16rem.

vf-navigation 2.1.0 npm git diff

fixes a bug with the --additional variant.
introduces njk/yml variable look up to determine classnames to use:
- adds vf-cluster only to --main variant.
- replaces --additional CSS for full bleed background with vf-u-fullbleed class.

Deprecation

vf-inlay 2.0.0 npm git diff

Deprecated for vf-grid or embl-grid layouts and classnames.
- https://github.com/visual-framework/vf-core/pull/1204

Bug fixes

vf-card 2.2.1 npm git diff

fixes a hover issue if the card has a link and is the --easy variant.

vf-cluster 1.0.1 npm git diff

fixes a bug where we overspecified the spacing custom property which affected left alignment of --600 and --800 variants.

vf-sass-config 2.2.1 npm git diff

fixes bug where --page-grid-gap wasn't getting it's correct spacing unit because the Sass map-get was not interpolated.

vf-hero 1.7.1 npm git diff

removes CSS for 'inlayed' design as no longer in use
- https://github.com/visual-framework/vf-core/pull/1204

vf-banner 1.6.1 npm git diff

removes CSS for 'inlayed' design as no longer in use
- https://github.com/visual-framework/vf-core/pull/1204

vf-header 1.0.4 npm git diff

removes CSS for 'inlayed' design as no longer in use
- https://github.com/visual-framework/vf-core/pull/1204

vf-sass-starter 0.1.12 npm git diff

dependency bump

embl-logo 1.1.0 npm git diff

removes some unneeded CSS.
makes the maximum height 3rem (48px).
makes the logo responsive.
deprecates --extreme.

vf-logo 1.5.0 npm git diff

removes some unneeded CSS.
deprecates --extreme variation.
makes the maximum height of the logo 3rem (48px).