Standard

<div class="message">
  <h3 class="header">Yo</h3>
  <p>We are come from mars...</p>
</div>
<div class="primary message">
  <h4 class="header">Welcome</h4>
  <p>We are come from mars...</p>
</div>
...

Level

`alias`

• critical: -
• error: erro
• warning: warn
• information: info
• debug: -

<div class="critical message">
...
</div>
<div class="error message">
...
</div>
<div class="warn message">
...
</div>
<div class="warn message">
...
</div>
<div class="informatin message">
...
</div>
<div class="debug message">
...
</div>

Context

`alias`

• positive: success
• negative: failure

<div class="failure message">
...
</div>
<div class="success message">
...
</div>

Petit

<div class="petit message">
</div>