2.3.2 Component updates

Minor component updates and bug fixes

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/css/styles.css)
[`https://assets.emblstatic.net/vf/v2.3.2/scripts/scripts.js`](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](/building).
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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/vf-link-list/) 1.3.0 npm git diff * makes the `vf-links__heading` optional. ### [vf-breadcrumbs](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/vf-sass-starter/) 0.1.12 npm git diff * dependency bump ### [embl-logo](https://latest.visual-framework.dev/components/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](https://latest.visual-framework.dev/components/vf-logo/) 1.5.0 npm git diff * removes some unneeded CSS. * deprecates `--extreme` variation. * makes the maximum height of the logo 3rem (48px).

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