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>