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 }