// Govspeak example callout
// http://govuk-component-guide.herokuapp.com/components/govspeak/fixtures/example
//
// Support:
// - alphagov/whitehall: ✔︎
// - alphagov/govspeak: ✔︎

.govuk-govspeak {
  .example {
    border-left: 10px solid $panel-colour;
    padding-left: 1.5em;
    margin: 2.5em 0;

    strong {
      display: block;
    }
  }
}

// Govspeak example callout
// http://govuk-component-guide.herokuapp.com/components/govspeak/fixtures/example
//
// Support:
// - alphagov/whitehall: ✔︎
// - alphagov/govspeak: ✔︎

.govuk-govspeak {
  .example {
    border-left: 1em solid $panel-colour;
    padding: 1em 0 1em 1em;
    margin: 2.5em 0;
    
    // Remove margin from the last element
    p:last-child,
    ul:last-child,
    ol:last-child {
      margin-bottom: 0;
    }

    strong {
      display: block;
    }
  }
}

Apply rationalised design to ‘example’
Apply rationalised design to ‘example’

The template consolidation team have been working on Govspeak and have produced a rationalised design for the various Govspeak callouts.

This modifies the border width and padding, and removes the bottom margin from the last paragraph or list.
