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
  
52
  
53
  
54
  
55
  
56
  
57
  
58
  
59
  
60
  
61
  
62
  
63
  
64
  
65
  
66
  
67
  
68
  
69
  
70
  
71
  
72
  
73
  
@mixin set-notify-color($clr) { 
  background: $clr; 
  border: 1px solid darken($clr, 20%); 
  color: darken($clr, 30%); 
} 
 
.notify { 
  margin-bottom: $spacing-unit; 
  padding: $spacing-unit; 
  @include set-notify-color($notify-bg-color); 
 
  &.ok { 
    @include set-notify-color($notify-ok-bg-color); 
  } 
 
  &.warn, 
  &.warning { 
    @include set-notify-color($notify-warn-bg-color); 
  } 
 
  &.error { 
    @include set-notify-color($notify-error-bg-color); 
  } 
 
  > &:first-child { 
    margin-top: 0; 
  } 
 
  > &:last-child { 
    margin-bottom: 0; 
  } 
 
  &.inline { 
    background: transparent; 
    padding: 0; 
    border: 0; 
    color: $body-color; 
    margin-bottom: 0; 
    display: inline-block; 
 
    @extend .__icon; 
 
    &.info { 
      color: $notify-bg-color; 
      @include make-icon(info,  '\f05a'); // fa-info-circle 
    } 
 
    &.ok { 
      color: $notify-ok-bg-color; 
      @include make-icon(ok,  '\f00c'); 
    } 
 
    &.warn, 
    &.warning { 
      color: $notify-warn-bg-color; 
      @include make-icon(warn,  '\f071'); // fa-warning 
    } 
 
    &.error { 
      color: $notify-error-bg-color; 
      @include make-icon(error, '\f06a') // fa-exclamation-circle 
    } 
  } 
 
  *:first-child { 
    margin-top: 0; 
  } 
 
  *:last-child { 
    margin-bottom: 0; 
  } 
}