v14.8.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 ✨

  • you can now set a crossed list item in Ticked List by using the .item-crossed class #883
<ul class="ticked-list">
  <li class="item-crossed">...</li>
</ul>
  • the Background class .bg-primary now sets all appropriate css colour variables to contrast against Traditional Heritage Blue, removing the need to manually adjust this in individual components #819
    • listed below are some examples taken from the Theme:
      • --col-text-primary will change from --col-grey-dark-100 ➡️--col-white-100
      • --col-link-default will change from --col-link-100 ➡️--col-white-100
  • created bg-primary css mixin. It sets all appropriate css colour variables to contrast against Traditional Heritage Blue. This is useful for situations where you can't add the .bg-primary class. In all other cases use the .bg-primary class instead #819
.class {
  @mixin bg-primary;
}
  • you can now preview how all pages will look like with .bg-primary class #819
    • append ?preview=primary-background to any url
    • or click on the Preview Primary Background link in the Mega Menu

Bug fixes 🐛

  • Icon Buttons nested inside Notices now render correctly #881
  • reduced specificity of Ticked List so .no-li takes precedence and hides the tick #887
  • h1 - h6, and p elements now expand to 100% width on mobile viewports when nested inside Accordions #885
  • updated default link hover and focus states to use --col-link-default-active #819

Other changes

Documentation updates