Changelog

Updates to the pattern library

To do list

  • Add vertical align to box links and objects In progress
  • Remove Verdana from font stacks In progress
  • New Bootstrap carousel banners In progress
  • How to implement web fonts In progress

If you have any questions or suggestions for improvements, please contact the central web team on webdev@brookes.ac.uk.

Top of page


Latest

Updated images - 27 September 2018

  • Added Onstream image sizes. Updated

Top of page


Archive

New pattern - 6 September 2018

  • Added right hand content. Added

Update - 16 May 2018

  • Added underlines to page links. Updated

Update - 15 May 2018

  • Added email templates and guidance. Added

Update - 14 May 2018

  • Increased the size of the pattern library fonts. Updated

Updates and improvements - 19 February 2018

  • Updated contact us boxes, related links and feature lines to be more accessible. Updated
  • Sidebar components can now be added to content. Updated
  • Updated print stylesheet to improve printing of tables. Updated

Updated accordions page - 21 November 2017

  • Updated accordion to more accessible version. Updated

Updated images page - 27 October 2017

  • Added profile / meet the team image sizes and example. Updated

Moved the box links and box objects mixed page - 12 October 2017

  • Moved the box links and box objects mixed page under box links and box objects in the Components navigation. Updated

Updated form elements page - 25 July 2017


Updated tables page - 19 July 2017


Updated lists page - 17 July 2017


Updated icons page - 21 June 2017


New pattern - 19 June 2017


Added icons page - 31 May 2017


CSS updates - 31 May 2017

Added

  • Added print styles for tab content
  • Added align classes
  • Added bottom margin to carousel

Changed

  • Updated horizontal form group margins
  • Adjusted checkbox and radio left margin
  • Updated figure, figure img and figure figcaptions
  • Updated legend to bottom border none

New pattern - 2 March 2017

  • Added flowcharts. Added

Updated icon font accessibility - 7 February 2017

  • Change i tag to span and add aria-label attribute when using icons in place of text
    Example: <i class="fa fa-search"></i> changes to <span class="fa fa-search" aria-label="Search"></span>
  • Added aria-hidden attribute to decorative font
    Example: <i class="fa fa-caret-right"></i> changes to <span class="fa fa-caret-right" aria-hidden="true"></span>

Updated standard.css - 3 January 2017

  • Updated Font Awesome to 4.7.0 Updated
  • Added .calltoaction .fa declaration for .box-link icons. Added

Custom grid - 15 December 2016

  • Added custom grid to base styles section. Updated
  • New classes .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-40, .col-sm-40, .col-md-40, .col-lg-40, .col-xs-60, .col-sm-60, .col-md-60, .col-lg-60, .col-xs-80, .col-sm-80, .col-md-80, .col-lg-80

New patterns - 14 December 2016

  • Added mixing box links and box objects to calls to action section. New
  • Added box link icons to calls to action section. New
  • Added video modal windows to rich media section. New

Meet the team type layouts - 13 December 2016

  • Added meet the team type layouts to rich media section. New

Updated embedded content - 2 December 2016

  • Added embedded forms to embedded content. New

Tiled image panels - 1 December 2016

  • Tiled image panels added to designed elements section. New

Image sizes - 1 December 2016

  • Updated cropped image sizes. Updated

Added templates - 30 November 2016

  • Added new Dreamweaver and Flat HTML templates. New

Updated style guide released - 21 November 2016

  • Updated style guide with new design. Updated
  • Includes new patterns for tables, forms, lists and more. See past entries below for more details. New

Beta - 3 November 2016

  • Updated Google Code Prettify to GitHub hosted link and changed theme to Sons of Obsidian. Updated

Beta - 25 October 2016

  • Updated the Style guide copy of standard.css to the same version located on Ektron Updated

Beta - 17 October 2016

  • Updated tables page Updated

Beta - 31 August 2016

  • Added forms page to base styles section Added
  • Added helper classes page to base styles section Added
  • Added lists page to base styles section Added
  • Added typography page to base styles section Added
  • Added tables page to text styles section Added

Beta - 25 August 2016

  • Changed name of foundation section to base styles Changed

Alpha - 18 August 2016

  • Added tabs page Added

Alpha - 10 August 2016

  • Added foundation section Added
  • Added colours page Added
  • Added grid page Added
  • Added resources page Added
  • Added grid rows page Added

Top of page

Component status

Pattern Added Updates Current version Accessibility Status
Buttons 10 Aug 2016 25 Apr 2017 - Updated accessibility information 1.1.0 Accessible Current
Colours 10 Aug 2016 25 Apr 2017 - Added accessibility information 1.1.0 Needs review Current
Fonts 10 Aug 2016 N/A 1.0.0 N/A Current
Form elements 31 May 2017 25 Jul 2017 - Added examples of inputs using the input-lg class 1.1.0 Accessible Current
Grid 10 Aug 2016 15 Dec 2016 - Added custom grid 1.1.0 N/A Current
Helpers 31 Aug 2016 N/A 1.0.0 Accessible Current
Icons 31 May 2017 21 Jun 2017 - Added contact block pattern 1.1.0 Accessible Current
Images 21 Nov 2016 27 October 2017 - Added meet the team image sizes
31 May 2017 - Added align classes
1 Dec 2016 - Updated cropped image sizes
1.3.0 Accessible Current
Lists 31 Aug 2016 19 February 2018 - Added dl-left
17 Jul 2017 - Added list with icons
1.1.1 Accessible Current
Typography 31 Aug 2016 N/A 1.0.0 Accessible Current
Pattern Added Updates Current version Accessibility Status
A to Z 10 Aug 2016 N/A 1.0.0 Accessible Current
Banners 10 Aug 2016 N/A 1.0.0 Needs review Current
Blockquotes 10 Aug 2016 N/A 1.0.0 Needs review Current
Box link item 31 May 2017 N/A 1.0.0 Needs review Current
Box object item 31 May 2017 N/A 1.0.0 Needs review Current
Breadcrumbs 10 Aug 2016 N/A 1.0.0 Accessible Current
Embedded content 2 December 2016 N/A 1.0.0 Needs review Current
Forms 31 August 2016 N/A 1.0.0 Accessible Current
Headings 10 August 2016 N/A 1.0.0 Needs review Current
Media block 31 May 2017 N/A 1.0.0 Accessible Current
Meet the team item 31 May 2017 N/A 1.0.0 Accessible Current
Pagination 10 August 2016 N/A 1.0.0 Accessible Current
Paragraphs 10 August 2016 N/A 1.0.0 Accessible Current
Right hand content 6 September 2018 N/A 1.0.0 Accessible Current
Search 31 May 2017 N/A 1.0.0 Accessible Current
Social media links 10 August 2016 N/A 1.0.0 Accessible Current
Tables 31 August 2016 19 July 2017 - Added responsive table
17 October 2016 - Updated tables page
1.2.0 Accessible Current
Tabs 18 August 2016 N/A 1.0.0 Needs review Current
Pattern Added Updates Current version Accessibility Status
Accordions 10 August 2016 21 November 2017 - Added new accordion. Old version should not be used. 1.1.0 Accessible Current
Box links 10 August 2016 N/A 1.0.0 Needs review Current
Box objects 10 August 2016 19 June 2017 - Added three boxes with videos pattern 1.1.0 Needs review Current
Box links and objects mixed 14 December 2016 N/A 1.0.0 Needs review Current
Carousels 10 August 2016 N/A 1.0.0 Needs review Current
Contact us box 10 August 2016 N/A 1.0.0 Accessible Current
Feature lines 10 August 2016 19 February 2018 1.1.0 Accessible Current
Featured sections 10 August 2016 N/A 1.0.0 Accessible Current
Flickr gallery 10 August 2016 Use a carousel instead. 1.0.0 Not accessible Deprecated
Flow chart 2 March 2017 N/A 1.0.0 Needs review Current
Footer 31 May 2017 N/A 1.0.0 Accessible Current
Grid row 10 August 2016 N/A 1.0.0 Needs review Current
Header 31 May 2017 N/A 1.0.0 Needs review Current
Left hand nav 31 May 2017 N/A 1.0.0 Needs review Current
Media lists 10 August 2016 N/A 1.0.0 Accessible Current
Meet the team 13 December 2016 N/A 1.0.0 Accessible Current
Related links 10 August 2016 19 February 2018 1.1.0 Accessible Current
Striped boxes 10 August 2016 N/A 1.0.0 Needs review Current
Tiled image panels 1 December 2016 N/A 1.0.0 Needs review Current
Video modal windows 14 December 2016 N/A 1.0.0 Needs review Current
Pattern Added Updates Current version Accessibility Status
Full width 21 June 2017 N/A 1.0 N/A Current
3 col landing 21 June 2017 N/A 1.0 N/A Current
2 col landing 21 June 2017 N/A 1.0 N/A Current
General 3 col 21 June 2017 N/A 1.0 N/A Current
General 2 col 21 June 2017 N/A 1.0 N/A Current
Pattern Added Updates Current version Accessibility Status
Templates 21 June 2017 1.7.0 - 14 September 2018
1.6.0 - 31 July 2018
1.5.0 - 19 April 2018
1.4.0 - 9 April 2018
1.3.0 - 2 October 2017
1.2.0 - 10 May 2017
1.1.0 - 23 March 2017
1.7.0 N/A Current

Semantic Versioning system - version numbers (eg version 1.0.2) follow the major.minor.patch pattern.

Top of page