University of Staffordshire Pattern Library

Sitewide Message

No notes defined.

<p>This is intended to be displayed before the Mega Nav component, if the message needs to be displayed.</p>

<aside id="sitewide-message" class="sitewide-message" aria-labelledby="sitewide-message__title">
    <p class="sitewide-message__text  text-center">
        <strong id="sitewide-message__title">Coronavirus (COVID-19)</strong> - updates from the University can be found on our <a class="sitewide-banner__link" href="/coronavirus">coronavirus pages.</a>
    </p>
</aside>
 
<p>This is intended to be displayed before the Mega Nav component, if the message needs to be displayed.</p>

<aside id="sitewide-message" class="sitewide-message" aria-labelledby="sitewide-message__title">
    <p class="sitewide-message__text  text-center">
        <strong id="sitewide-message__title">Coronavirus (COVID-19)</strong> - updates from the University can be found on our <a class="sitewide-banner__link" href="/coronavirus">coronavirus pages.</a>
    </p>
</aside>
  • Content: 
    .sitewide-message {
    background-color: #FFD91C;
    padding: $spacing-xs $spacing-sm;

    &__text {
        margin: 0;
        line-height: 1.5;
    }
}
  • URL: /components/raw/sitewide-message/_sitewide-message.scss
  • Filesystem Path: src\components\sitewide-message\_sitewide-message.scss
  • Size: 164 Bytes