Signpost panels

Single-link, image signposts with SASS customisable offsets for both image and panel.

Height is defined by the image aspect-ratio so, in listings/carousels, they all need to be the same.

SVG arrow icon should be optional in the CMS.

  1. Image title goes here
    Optional image caption

    First Attraction

  2. Image title goes here
    Optional image caption

    The Second of Three Attractions

  3. Image title goes here
    Optional image caption

    Number Three

With signpost-panel--overlay modifier class

  1. Image title goes here
    Optional image caption

    First Attraction

  2. Image title goes here
    Optional image caption

    The Second of Three Attractions

  3. Image title goes here
    Optional image caption

    Number Three

With signpost-panel--overlay modifier class and portrait images

  1. Image title goes here
    Optional image caption

    First Attraction

  2. Image title goes here
    Optional image caption

    The Second of Three Attractions

  3. Image title goes here
    Optional image caption

    Number Three

  4. Image title goes here
    Optional image caption

    A Fourth

A signpost-panel--overlay-grid layout

First Attraction
Optional image caption

First Attraction
Second Signpost Panel
Optional image caption

Second Signpost Panel
This Is A Third
Optional image caption

This Is A Third
Item 4
Optional image caption

Item 4
And A Fifth Item
Optional image caption

And A Fifth Item
Number 6 In The Grid
Optional image caption

Number 6 In The Grid
Seven Makes It Odd And Interesting
Optional image caption

Seven Makes It Odd And Interesting

A signpost-panel--overlay-grid layout with 'uneven-columns' modifier class

First Attraction
Optional image caption

First Attraction
Second Signpost Panel
Optional image caption

Second Signpost Panel
This Is A Third
Optional image caption

This Is A Third
Item 4
Optional image caption

Item 4
And A Fifth Item
Optional image caption

And A Fifth Item
Number 6 In The Grid
Optional image caption

Number 6 In The Grid
Seven Makes It Odd And Interesting
Optional image caption

Seven Makes It Odd And Interesting

A edge-to-edgesignpost-panel--overlay-grid layout

First Attraction
Optional image caption

First Attraction
Second Signpost Panel
Optional image caption

Second Signpost Panel
This Is A Third
Optional image caption

This Is A Third
Item 4
Optional image caption

Item 4
And A Fifth Item
Optional image caption

And A Fifth Item
Number 6 In The Grid
Optional image caption

Number 6 In The Grid
Seven Makes It Odd And Interesting
Optional image caption

Seven Makes It Odd And Interesting

A edge-to-edgesignpost-panel--overlay-grid layout with 'uneven-columns' modifier class

First Attraction
Optional image caption

First Attraction
Second Signpost Panel
Optional image caption

Second Signpost Panel
This Is A Third
Optional image caption

This Is A Third
Item 4
Optional image caption

Item 4
And A Fifth Item
Optional image caption

And A Fifth Item
Number 6 In The Grid
Optional image caption

Number 6 In The Grid
Seven Makes It Odd And Interesting
Optional image caption

Seven Makes It Odd And Interesting