summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss')
-rw-r--r--WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss67
1 files changed, 67 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss
new file mode 100644
index 0000000000..99f51edc01
--- /dev/null
+++ b/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss
@@ -0,0 +1,67 @@
+@mixin chameleon-splitpanel {
+
+.v-splitpanel-hsplitter div,
+.v-splitpanel-vsplitter div {
+ background: transparent url(../../img/split-handle.png) no-repeat 2px 50%;
+ margin: 0 -1px;
+ width: 9px;
+ }
+
+.v-splitpanel-vsplitter div {
+ background-position: 50% 2px;
+ margin: -1px 0;
+ width: auto;
+ height: 9px;
+ }
+
+.v-splitpanel-hsplitter,
+.v-splitpanel-hsplitter-locked {
+ border-style: solid;
+ border-width: 0 1px;
+ border-color: #b0b0b0;
+ width: 7px;
+ background: #b3b3b3 url(../../img/grad-light-left.png) repeat-y;
+ }
+
+.v-splitpanel-vsplitter,
+.v-splitpanel-vsplitter-locked {
+ border-style: solid;
+ border-width: 1px 0;
+ border-color: #b0b0b0;
+ height: 7px;
+ background: #b3b3b3 url(../../img/grad-light-top.png) repeat-x;
+ }
+
+/*******************************************************************************
+ * Small
+ ******************************************************************************/
+body .v-splitpanel-hsplitter-small,
+body .v-splitpanel-hsplitter-small-locked {
+ width: 1px;
+ border: none;
+ background-image: none;
+ }
+
+body .v-splitpanel-vsplitter-small,
+body .v-splitpanel-vsplitter-small-locked {
+ height: 1px;
+ border: none;
+ background-image: none;
+ font-size: 1px;
+ line-height: 1px;
+ }
+
+.v-splitpanel-hsplitter-small div {
+ width: 7px;
+ margin-left: -2px;
+ background: transparent;
+ }
+
+.v-splitpanel-vsplitter-small div {
+ height: 7px;
+ margin-top: -2px;
+ background: transparent;
+ overflow: hidden;
+ }
+
+} \ No newline at end of file