-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstandard_message_demos.html
31 lines (31 loc) · 1.42 KB
/
standard_message_demos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Docs</title>
<link rel="stylesheet" type="text/css" href="normalize.css" />
<link rel="stylesheet" type="text/css" href="standard_base.css" />
<link rel="stylesheet" type="text/css" href="standard_grid.css" />
<link rel="stylesheet" type="text/css" href="standard_message.css" />
</head>
<body>
<div class="grid">
<div class="col">
<div class="messagearea" id="messagearea">
<div class="browsername">browsername example within messagearea</div>
<div class="empty">This is an empty area</div>
<ul class="messages">
<li>Here are some messages</li>
<li class="icon"><span class="icon">Here's a message with an undetermined icon (which should default to success)</span></li>
<li class="icon success"><span class="icon">Here's a successful icon</span></li>
<li class="icon warn"><span class="icon">Here's a warning icon</span></li>
<li class="icon info"><span class="icon">Here's an info icon</span></li>
<li class="icon suggest"><span class="icon">Here's a suggest icon</span></li>
<li class="icon hi_warn"><span class="icon">Here's a hi_warn icon (which has a lot of margin around it)</span></li>
<li class="icon error"><span class="icon">Here's an error icon</span></li>
</ul>
</div>
</div>
</div>
</body>
</html>