_loadmask.scss
1.49 KB
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
/**
* @class Ext.LoadMask
* Component used to mask a component
*/
.#{$prefix}mask {
z-index: 100;
position: absolute;
top: 0;
left: 0;
@include opacity($mask-opacity);
width: 100%;
height: 100%;
// @tag iezoomhack
background: $mask-background;
// @tag frameme
}
.#{$prefix}mask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
@include box-shadow(rgba(#000, .2) 0 1px 2px);
padding: $loadmask-msg-padding;
// border: 1px solid;
// border-color: $loadmask-msg-border-color;
@include border-radius(6px);
@if $loadmask-msg-background-gradient {
@if $supports-gradients or $compile-all {
@include background-gradient($loadmask-base-color, $loadmask-msg-background-gradient);
}
} @else {
background: $loadmask-base-color;
}
div {
padding: $loadmask-msg-inner-padding;
// if an icon is defined show it
@if $loadmask-msg-inner-icon != null {
background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon);
background-repeat: no-repeat;
background-position: 5px center;
}
// @tag question Not a great effect...
// cursor: wait;
cursor: default;
font-size: $loadmask-font-size;
font-weight: bold;
@include color-by-background($loadmask-base-color, $default-color: $base-color, $contrast: 30);
}
}