v8.0.0

This is the first release containing the new Gen3 brand 🎉

Since it was such a huge milestone updating the brand we decided to bump up a major version. It shouldn't contain any breaking changes from v7.0.1.

New features ✨

• New Gen3 branding #1
• Ported Gen 2 footer #42
• Changed from using logo with transparent background to solid blue background #42
• Selects now hav a disabled state #104
• Pathfinders can now contain ul and ol elements #105
• Introduced red colours into the colour palette: --col-red-dark and --col-red-main #139
• Added 'Supplying to the University' link to the global footer #161
• Added accommodation link to global footer #130
• Added nofollow attributes to tel links in global footer #130

Other Changes

• Added strike-through to Checklist #27
• Adjusted <h1 class="aligned-title"></h1> to match standard h1 size at corresponding breakpoints #28
• Adjusted h6 to follow p tag sizing #28
• Removed letter-spacing from .uomcontent .fullwidth h2 #28
• Reversed Full-width tabs style - it is now a hybrid of the alt version from Gen2 and the Gen1 styles. #26
• Links are now underlined by default and have their underline removed on hover. #35
• Adjusted Selects contrast and consistency #36
• Adjusted CTA Button contrast #38
• Removed 'University Sitemap' flyout from hamburger menu #37
• Adjusted colour of Inline Form buttons #39
• Fixed direction of arrow for button-hero-reverse #41
• Adjusted background colour of warning Flash Message #40
• Added animation to Accordion opening / closing #44
• Adjusted Event listing tags to look like Gen2 style #45
• Improved contrast of text against tiles on Filtered listings #46
• Improved Pathfinder #47
  • Adjusted padding to push text away from the corners
  • featured variant - change background colour from purple to Blue Mid 2. Background colour on hover can be set to Blue Dark. Remove fill on button (and on hover)
  • Soft pathfinder - set the border colour of the button to Navy Main @ 30% opacity, and the text colour to Navy Main. On Hover, transition the border colour opacity to 100% to match the behaviour of the Blue and White Pathfinder. Remove the background-color on hover so that the text is readable
  • White pathfinder - remove bottom border
• Adjusted button sizes #48
  • Removed text-transform: underline from buttons on hover where applicable. Other hover state changes should remain the same.
  • Adjusted buttons to match sizing of Gen 2
• Article headers now use navy colour #55
• Block listings are now visually consistent with single date events #53
• Fix colours in alternate footer #56
• styled-select is now injected into the same position in the DOM. The FancySelect code naively appends content into its container, which can cause it to move unexpectedly. #59
• Ensured select content doesn’t flow under the caret #77
• Removed auto-scrolling feature on tabbed navigation #85
• Removed 'Browse University' link in fly-out menu #87
• Added cover gradient to ensure breadcrumbs don't awkwardly bleed over search and menu icons #88
• Updated info Notice text colour from grey to main navy colour #89
• When a Modal box is opened, keyboard focus now moves to the top of the modal. #57
  • This adds a small addition to the utils module here to control focus (based on the WAI-ARIA example code) and then uses that module in the modal to:
    • Set focus within the modal as it’s opened
    • Return focus to the triggering element when the modal is closed
    • Added the expected behaviour where modals are dismissed by pressing escape key.
• Adjusted global font and link colour scheme #92
• Added tiny line to create some contrast between Headers. This adds a single pixel divider that hangs under the nav and creates some contrast between similarly dark colours. #86
• Adjusted header identifier to more closely match Gen2 #90
• Custom footers now have a different background colour to the global footer #96
• Adjusted header colour to distinguish it from the header and tabbed nav. #94
• Removed font-size override on .title #98
• Adjusted button-soft colours to provide greater definition against the sidebar background colour #99
• navigation is now sticky on mobile #102
• Improved consistency of Button styles #103
• Link colours / underlines are now consistent for Block listing and Simple Listing #108
• Hero button styles now have a solid background colour #111
• Adjusted headers to allow the to text expand to their content. The new Noto Serif headings are considerably larger than Roboto Thin. This was bumping the subheading and CTA button out of the header and under the page content when the heading was long. #109
• Removed focus marks from Pathfinder and added border-bottom to align with Gen2 #106
• Blockquote styles are more consistent #101
• Fixed .pathfinder-3 and .pathfinder-4 button spacing #100
• Improved contrast on reversed headers by adding text-shadow #114
• Adjusted Filtered listing title and check box colours #110
• Undo button-small override in Pathfinders #115
• Reduced size of double block listing headings at bp-wide breakpoint #97
• Removed tiny line from floating header that was introduced in #86 #124
• Updates to timeline styles #125
  • Matched li to p colors
  • Removed uppercase transformation from dt elements
• Adjusted the default h1 and h2 to use Source Sans Pro Bold and removed the padding-top #129
• Removed custom h2 style from News articles #129
• Updated strategy link in global footer #130
• Fixed heading font-size and removed max-width from soft Pathfinder #132
• Adjusted mobile styles for tables #134
  • Removed padding-bottom from the first-child of td elements
  • Removed border from the first-child of th elements in mobile view
• Updated font-weight of p and strong elements in headers #133
• Profile Name and Title in Staff listing - detailed are now bold #128
• dt and dd styles stand out more in Contact box, Highlight box, and Emergency box #127
• Heading class .title now uses Source Sans Pro font #137
• Removed all letter-spacing from headings that use Source Sans Pro font #137
• Updated Button warning and Notice danger to use new --col-red-main colour colour #139
• Updated Notice warning to use --col-yellow-mid colour #139
• Pathfinder updates #142
  • Use Source Sans Pro font
  • Apply semi-transparent background to .soft pathfinders
  • Add a featured tile to the pathfinder-2 soft example for reference
  • Create a common .featured style and apply across all pathfinders.
• Removed double bottom border when accordion is open #126
• Added some additional spacing beneath header elements. Also to h2 elements that immediately follow header elements. #143
• Added text-shadow to p elements in headers #144
• Removed text-shadow from h1 and p elements inside Articles - Header without image #145
• Increased h2 line-height #156
• Fixed image sizing on Staff Listing when image with different width and height are used #160
• sub and sup elements were having their font-sizes overridden by more specific elements. Updated to now enforce a 75% font-size on all of these elements and their children #163
• Fixed issue in Header with Box where the title text overlaps itself when it wraps onto a second line making it unreadible #164
• Reduced text size and added back in border-bottom to In-page Navigation #131
• Removed max-width from h1 and p elements in headers #166
• Added padding to select element to prevent bleeding into drop-down chevron #168
• Fixed an issue where the Modal close button was overlapping the title #167
• Increased line-height for .fullwidth h2 elements #171 Fixed calculation of current jumpnav item due to sizing changes of the headers #173
• Fixed issue where Headings used in the custom site footer appear blue on a blue background #173
• Fixed issue where horizontal scroll bar was shown when mega menu was not collapsed #173 In-page navigation design tweaks #173
• Fixed h2 elements not receiving white colour on blue background in Course layout #173
• Add app.json for review apps #31
• Allow any GET requests over CORS #79