18 - Alerts
Requires javascript
<div data-alert class="alert-box"> <span class="icon-Lab"></span> SISTE: Politiet vil fengsle SOS Rasisme-leder i fire uker for grovt bedrageri <a class="close"><span class="icon-Close"></span></a> </div>
18.1 - Color
.alert Alert
.success Success
.warning Warning
.secondary Secondary
.overlay Overlay
<div data-alert class="alert-box {$modifiers}">
<span class="icon-Lab"></span> SISTE: Politiet vil fengsle SOS Rasisme-leder i fire uker for grovt bedrageri
<a class="close"><span class="icon-Close"></span></a>
</div> 18.2 - Style
.radius Radius
.round Round
<div data-alert class="alert-box {$modifiers}">
<span class="icon-Lab"></span> SISTE: Politiet vil fengsle SOS Rasisme-leder i fire uker for grovt bedrageri
<a class="close"><span class="icon-Close"></span></a>
</div> 18.3 - Alert group
Creates fixed alert-boxes to the top of the page that stack when showing multiple alerts.
<button onClick="db.libs.alert.create({'text': 'Pssssst. You really need to hear this…'})">Default</button>
<button onClick="db.libs.alert.create({'text': 'Success! You are awsome.', 'classes': 'success'})">Success</button>
<button onClick="db.libs.alert.create({'text': 'Error! Something is terribly wrong.', 'classes': 'alert'})">Alert</button>
<button onClick="db.libs.alert.create({'text': 'Warning! You are about to enter a restricted area.', 'classes': 'warning'})">Warning</button>
<button onClick="db.libs.alert.clear()" class="outline">Clear</button>