v15.4.0

Before you upgrade, please take note of any breaking changes and deprecation notices which may affect your site. View the Upgrade Guide to see examples of how to address breaking changes.

New features ✨

<a class="logo logo--unhoused" href="https://www.unimelb.edu.au" aria-label="The University of Melbourne homepage"></a>

<a class="logo logo--alt" href="https://www.unimelb.edu.au" aria-label="The University of Melbourne homepage"></a>

<a class="logo logo--md" href="https://www.unimelb.edu.au" aria-label="The University of Melbourne homepage"></a>

Bug fixes 🐛

  • fixed an issue where the visited Link state overrode the hover state #1121
  • fixed an issue where text inside the Special News Hero were overlapping each other in safari #1144
  • fixed an issue where two footer elements were being injected into the Page Footer #1127
  • fixed an issue where the incorrect letter-spacing was applied when using the text-uppercase class #1136

Deprecation notice ⚠️

  • Block Listing has been deprecated and will be removed in a later version #1142
  • the following css vars have been removed as they're no longer used #1113
    • -fs-base-100
    • -fs-base-200
    • -fs-base-300
    • -fs-base-400
    • -fs-base-500
    • -fs-base-600
    • -fs-base-700
    • -fs-base-800
    • -fs-base-900

Other changes

  • Footer, Page Footer, and Quicklinks have been updated to the new VID #1122 #1127 #1131 #1149 #1150 #1151
  • Logo Sizes have been updated to match the new VID #1138
  • Logo width and height are now the same size #1141
  • Page Header and Page Header Floating now use the updated Logo #1141
  • some Typography and Text values have been updated #1113
    • typography-default - margin is now 1.5rem on mobile
    • typography-level-0 - line-height on desktop is now 1.1
    • typography-level-5 - line-height is now 1.4
    • typography-level-6 - line-height is now 1.4 and font-weight on mobile is now semibold
    • typography-level-7 - line-height is now 1.4
    • _typography-level-variables-7 mixin has been renamed to _typography-level-variables-8
    • _typography-level-variables-default mixin has been renamed to _typography-level-variables-7
  • Link theme colour has been updated #1129
    • --col-link-alt - now uses --col-blue-light-100
    • --col-link-alt-active - now uses --col-white-100
    • --col-link-alt-visited - now uses --col-blue-light-100
  • old alternate Link theme has been repurposed as a new highlight type #1129
    • --col-link-highlight - --col-sage-light-100
    • --col-link-highlight-active - --col-sage-light-50
    • --col-link-highlight-visited - --col-sage-light-100
  • Link :hover theme variable --col-link-default-active has been updated to use --col-heritage-100 #1121
  • Button font-weight has been updated to semi-bold, and font-size has been increased to 18px on mobile #1130
  • removed --col-link-light-active override on dark backgrounds #1121
  • some improvements to Buttons nested inside <p> elements requiring larger bottom margin #1134
  • the show more button below the Block Listing now has a larger bottom margin #1134
  • removed alternate Link overrides on primary background #1129
  • lint-staged now formats package.json #1135
  • updated eslint settings in .vscode/settings.json #1123
  • updated lodash imports #1125
  • installed and configured postcss-calc to reduce calc() references whenever it's possible #1120
  • locked eleventy-plugin-metagen to 1.7.11 as higher versions were causing build issues #1126
  • added css-has-pseudo, browserslist, and markdown-it to package.json #1124 #1133
  • updated github actions workflow to prepare for the mono-repo structure coming in the next major release #1128
  • updated regression tests to use the dev branch as the base snapshots to compare pull-requests against #1111
  • updated test documentation #1111

Documentation updates