lintel-contrib-alerts
Version:
Alerts for lintel.
55 lines (47 loc) • 2.14 kB
HTML
<html>
<head>
<link rel="stylesheet" href="../../bower_components/lintel/dist/lintel.css">
<link rel="stylesheet" href="../../dist/alerts.css">
<script src="../../bower_components/jquery/dist/jquery.js"></script>
<script src="../../dist/alerts.js"></script>
</head>
<body class="pad">
<div class="alert">
<button type="button" class="alert-close" data-toggle="alert-close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Boring!</strong> Nothing to see here.
</div>
<div class="alert alert-primary">
<button type="button" class="alert-close" data-toggle="alert-close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Welcome!</strong> If for any reason you’re not completely satisfied, I hate you.
</div>
<div class="alert alert-secondary">
<button type="button" class="alert-close" data-toggle="alert-close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Welcome!</strong> If for any reason you’re not completely satisfied, I hate you.
</div>
<div class="alert alert-error">
<button type="button" class="alert-close" data-toggle="alert-close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Error!</strong> It’s toe-tappingly tragic!
</div>
<div class="alert alert-warning">
<button type="button" class="alert-close" data-toggle="alert-close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Warning!</strong> I’m not a robot like you, I don’t like having discs crammed into me…unless they’re Oreos…and then only in the mouth.
</div>
<div class="alert alert-success">
<button type="button" class="alert-close" data-toggle="alert-close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>Success!</strong> I moved the stars themselves to write her a love note in the sky.
</div>
</body>
</html>