blob: 5deb7e0e84d31ebb33279ff57a02142f5495c266 (
plain)
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
|
@mixin base-notification($primaryStyleName : v-Notification) {
.#{$primaryStyleName} {
background: #999;
color: #fff;
cursor: pointer;
overflow: hidden;
padding: 1em;
max-width:85%;
opacity: .9;
filter: alpha(opacity=90);
}
.#{$primaryStyleName}-caption,
.#{$primaryStyleName}-description,
.#{$primaryStyleName}-details {
display: inline;
margin: 0 0.5em 0 0;
}
.#{$primaryStyleName}-warning {
background: orange;
}
.#{$primaryStyleName}-error {
background: red;
}
.#{$primaryStyleName}-tray {
.#{$primaryStyleName}-caption,
.#{$primaryStyleName}-description {
display: block;
}
}
.#{$primaryStyleName}-system {
background-color: red;
}
.#{$primaryStyleName}-system .#{$primaryStyleName}-caption {
display: block;
margin: 0;
}
.#{$primaryStyleName}-animate-out {
@include animation(v-notification-animate-out 400ms);
}
.#{$primaryStyleName} {
&.v-position-top {
top: 0;
}
&.v-position-right {
right: 0;
}
&.v-position-bottom {
bottom: 0;
}
&.v-position-left {
left: 0;
}
&.v-position-assistive {
top: -9999px;
left: -9999px;
}
}
}
@include keyframes(v-notification-animate-out) {
100% {
opacity: 0;
}
}
|