X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/panel/bubble-panel/resources/sass/bubble-panel.scss

diff --git a/examples/panel/bubble-panel/resources/sass/bubble-panel.scss b/examples/panel/bubble-panel/resources/sass/bubble-panel.scss
new file mode 100644
index 00000000..34838a82
--- /dev/null
+++ b/examples/panel/bubble-panel/resources/sass/bubble-panel.scss
@@ -0,0 +1,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;
+    }
+}
\ No newline at end of file