Skip to content

GOV.UK Frontend release v0.0.31-alpha

Pre-release
Pre-release
Compare
Choose a tag to compare
@NickColley NickColley released this 31 May 13:01
· 8248 commits to main since this release
v0.0.31-alpha
bfba045
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

We've changed how fonts are loaded, which will speed up the loading of pages built using GOV.UK Frontend.
We've also made changes to how images are loaded, which will allow Rails users to use GOV.UK Frontend.

Changelog

0.0.31-alpha (Breaking release)

💥 Breaking changes:

  • The govuk-file-url helper has been renamed to to govuk-image-url. If you
    are using this function in your own styles you will need to update calls to
    it. (PR #726)

  • The $govuk-global-images variable has been renamed to to
    $govuk-images-path. If you are overriding this variable or using it in your
    own styles you will need to update your code to use the new variable name.
    (PR #726)

🔧 Fixes:

  • Namespacing SCSS exports with 'govuk' prefix to avoid clashes with
    exports in applications consuming GOV.UK Frontend
    (PR #732)

  • Fixes a bug whereby print styles were being 'rasterized' into the screen
    styles when generating the IE8 stylesheet (this is a bug in sass-mq, and has
    also been raised upstream – sass-mq/sass-mq#111).
    (PR #726)

  • Removed some duplicated CSS rules from the outputted CSS
    (PR #727)

  • Fixes a bug in IE8 where the button component did not have a shadow, by
    rendering the shadow using a border for IE8 specifically – IE8 does not
    support box-shadow
    ([PR #737])(#737)

🆕 New features:

  • Change font delivery method from Base64 encoded strings to serving WOFF2, WOFF
    and EOT files as separate HTTP requests. You will need to ensure that you are
    serving the fonts from the assets folder as part of your application.
    (PR #726)

  • The font-face is now using font-display: fallback. This means that the
    fallback font (Arial) will be used if NTA doesn't download within 100ms. The
    browser will then swap to NTA as long as it loads within the short swap period.
    (PR #726)

  • You can now override the helpers used to generate image and font urls, for
    example if you are using sass-rails' asset-pipeline functionality.
    You can do this by setting $govuk-image-url-function and
    $govuk-font-url-function to the name of the function(s) you wish to use.
    See src/settings/_assets.scss for more information and examples.
    (PR #733)

  • Add boilerplate template, which is a Nunjucks replacement for GOV.UK Template.
    (PR #731)

🏠 Internal:

  • Improve release steps, based on doing a release
    (PR #725)

  • Fix majority of vulnerabilities flagged by npm audit
    (PR #712)

Assets 3
Loading