bubble-panel.scss
748 Bytes
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
@import 'compass';
@import 'ext4/default/all';
$relative-image-path-for-uis: "../images";
body {
margin: 40px 20px;
background: #4e79b2;
}
@include extjs-panel-ui(
'bubble',
$ui-header-font-size: 12px,
$ui-header-font-weight: bold,
$ui-header-color: #0D2A59,
$ui-header-background-color: #fff,
$ui-header-background-gradient: null,
$ui-border-color: #fff,
$ui-border-radius: 4px,
$ui-body-background-color: #fff,
$ui-body-font-size: 14px
);
#button {
margin: 0 0 40px 0;
}
.x-panel-bubble {
@include box-shadow(0 0 5px rgba(0, 0, 0, .7));
}
#bubble-markup {
padding: 5px 5px 0 5px;
p {
margin-bottom: 10px;
line-height: 20px;
}
}