district base

6.2.1 #Organisms.alerts.sitewide-alerts Sitewide alerts

Toggle example guides Toggle HTML markup

Different alert levels will display different colors.

Examples
Default styling
.alert-primary
Alert default message
.alert-error
Alert error message
.alert-status
Alert status message
.alert-warning
Alert warning message
Markup 
<div id="sitewide-alert">
 <div>
   <div class="sitewide-alert alert [modifier class]" role="alert">
     <span>
       <div>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
       </div>
     </span>
     <button class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
   </div>
 </div>
</div>
Source: docroot/themes/contrib/district_base/styles/scss/components/_sitewide-alert.scss, line 5