Flash

The .flash class is a general style for all user messages.

Basic

This is a flash message
1<div class="flash">
2    <div class="flash-item">This is a flash message</div>
3</div>

Colors

This is a notice message
This is a warning message
This is an error message
1<div class="flash">
2    <div class="flash-item notice">This is a notice message</div>
3    <div class="flash-item warning">This is a warning message</div>
4    <div class="flash-item error">This is an error message</div>
5</div>

Close button

You can add a close button with the .flash-close class.

This is a message
1<div class="flash">
2    <div class="flash-item">
3        This is a message
4        <a href="#" class="flash-close"><i class="icon-cross-3"></i></a>
5    </div>
6</div>