Message

 
<div class="ga-message">
    <!-- contents -->
</div>
<!-- title + contents -->
<div class="ga-message">
    <div class="title">
        <!-- title -->
    </div>
    <div class="contents">
        <!-- contents -->
    </div>
</div>
<!-- + icon -->
<div class="ga-message icon">
    <i class="icon xi-icon" />
    <!-- contents -->
</div>

 
<div class="ga-message inline">
    <!-- contents -->
</div>

 
<!-- @status: success | danger | info | attention | importance -->
<div class="ga-message { status }">
    <!-- contents -->
</div>

 
<!-- @type: none | text | bg | border -->
<div class="ga-message success-{ type }">
    <!-- contents -->
</div>

 
<div class="ga-messages">
    <div class="ga-message"><!-- contents --></div>
    <div class="ga-message"><!-- contents --></div>
    <div class="ga-message"><!-- contents --></div>
    ...
</div>

 
<div class="ga-messages list">
    <div class="ga-message"><!-- contents --></div>
    <div class="ga-message"><!-- contents --></div>
    <div class="ga-message"><!-- contents --></div>
    ...
</div>