styleguide/lib/notifications/index.styl 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
43
44
45
46
47
48
49
50
51
.auth0-notification, .auth0-notification-global
	background: white
	box-shadow(0 2px 4px 0 rgba(0,0,0,0.11))
	padding: 20px 60px
	margin-bottom: 5px
	position: relative
	overflow: hidden

	.notification-icon
		position: absolute;
		left: 20px;
		top: 36px;
		font-size: 18px;

	p
		margin: 1em 0
		float: left

	&.frendly

		.notification-icon
			color: #44C7F4

	&.atention

		.notification-icon
			color: #F8D01C

	&.warning

		.notification-icon
			color: #F5871E

	.close
		color: #ddd
		position: absolute
		top: 15px
		right: 15px
		font-size: 14px;
		opacity: 1

.auth0-notification-global
	box-shadow(none)
	background: transparent
	border-bottom: 1px solid #E6E7E8
	padding: 0

	.container
		padding: 20px 60px
		width: 100%
		position: relative