styleguide/lib/notifications/demo.jade at master · fluidcss/styleguide · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
//- Here we have two kind of notifications: Global and Non Global Notifications. For change the color of any notification just add a class to container ".notification". The notification container class can be ".frendly", ".atention" and "warning".


h5 Global Notifications

.auth0-notification-global.frendly
	.container
		i.notification-icon.icon-budicon-764
		p Frendly reminder! Something has happened.
		.btn.btn-primary.btn-md.pull-right BILLING

.auth0-notification-global.atention
	.container
		i.notification-icon.icon-budicon-354
		p Frendly reminder! Something has happened.
		i.close.icon-budicon-471

.auth0-notification-global.warning
	.container
		i.notification-icon.icon-budicon-115
		p Frendly reminder! Something has happened.
		i.close.icon-budicon-471

<br />


h5 Non Global Notifications

.auth0-notification.frendly
	i.notification-icon.icon-budicon-764
	p Frendly reminder! Something has happened.
	i.close.icon-budicon-471

.auth0-notification.atention
	i.notification-icon.icon-budicon-354
	p Atention! Something has happened.
	i.close.icon-budicon-471

.auth0-notification.warning
	i.notification-icon.icon-budicon-115
	p Warning! Something has happened.
	i.close.icon-budicon-471