Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / panel / bubble-panel / resources / sass / bubble-panel.scss
1 @import 'compass';
2 @import 'ext4/default/all';
3
4 $relative-image-path-for-uis: "../images";
5
6 body {
7     margin: 40px 20px;
8     
9     background: #4e79b2;
10 }
11
12 @include extjs-panel-ui(
13     'bubble',
14     
15     $ui-header-font-size: 12px,
16     $ui-header-font-weight: bold,
17     $ui-header-color: #0D2A59,
18     $ui-header-background-color: #fff,
19     $ui-header-background-gradient: null,
20     
21     $ui-border-color: #fff,
22     $ui-border-radius: 4px,
23     $ui-body-background-color: #fff,
24     $ui-body-font-size: 14px
25 );
26
27 #button {
28     margin: 0 0 40px 0;
29 }
30
31 .x-panel-bubble {
32     @include box-shadow(0 0 5px rgba(0, 0, 0, .7));
33 }
34
35 #bubble-markup {
36     padding: 5px 5px 0 5px;
37     
38     p {
39         margin-bottom: 10px;
40         
41         line-height: 20px;
42     }
43 }