Library styles

The styles and options available for libraries pages

Use the styles sparingly and in a way that highlights key content areas and features.

Add the two files:

  • libraries-sc
  • libraries-branding

From the CSS and JS pickers

Breakout blocks

Insert a breakout background block.
From component properties, choose classes under libraries.

  • primary, secondary
  • one, two, three
  • shelved

Bookmarks

To make a bookmark sub-heading

  • insert a well
  • add class bookmark
  • enter text in the heading section

Positioning

Use the new grids to divide the space in the breakout block.

Add the class right to columns so that they float the bookmark header without changing the source order.

Primary one breakout block, with shelf

Use me only once on a page, and please don't just fill me with text.

Primary two breakout block, with shelf

Use me only once on a page, and please don't just fill me with text.

Primary three breakout block, with shelf

Use me only once on a page, and please don't just fill me with text.

Secondary one breakout block, with shelf

Use me where you see fit, and give me text, wells, images - anything you like!

Secondary two breakout block, with shelf

Use me where you see fit, and give me text, wells, images - anything you like!

Secondary three breakout block, with shelf

Use me where you see fit, and give me text, wells, images - anything you like!

Wells

Insert a well and choose classes:

  • primary, secondary, tertiary
  • one, two, three

Well primary one

Use me to highlight a bit of content to pop!

Well primary two

Use me to highlight a bit of content to pop!

Well primary three

Use me to highlight a bit of content to pop!

Well secondary one

Use me to highlight a bit of content to pop!

Well secondary two

Use me to highlight a bit of content to pop!

Well secondary three

Use me to highlight a bit of content to pop!

Well tertiary one

Use me to highlight a bit of content to pop!

Well tertiary two

Use me to highlight a bit of content to pop!

Well tertiary three

Use me to highlight a bit of content to pop!

The Makery 

Robotics, VR, 3D printing and digital creativity.

Get started today

Find your place at the Library,

Volunteer with us

Meet new people, learn new skills and make a difference in your local community.

Volunteer today
Digital Options Training Support

iPad lending from
your local library.

Interested in borrowing an iPad? Find out more about how to borrow and book