Standard themes in SCSS form, updated CompileDefaultTheme (#9223)

Conversion performed for most themes trivial, just rename file and wrap
in a mixin. For chameleon compounds, also nesting used. In some cases,
related small files combined in a single SCSS file

Chameleon accordion and select contain fixes other than just a missing
semicolon.

1 files changed, 88 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
new file mode 100644
index 0000000000..dd01217380
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
@@ -0,0 +1,88 @@
+@mixin runo-splitpanel {
+
+.v-splitpanel-horizontal,
+.v-splitpanel-vertical {
+	overflow: hidden;
+}
+
+.v-splitpanel-hsplitter,
+.v-splitpanel-hsplitter-locked {
+	width: 6px;
+}
+
+.v-splitpanel-hsplitter div,
+.v-splitpanel-hsplitter-locked div {
+	width: 6px;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	background: #ccd2d0 url(img/bg_hor.png);
+	border: 1px solid #b6bbbc;
+	margin: 0 -1px;
+}
+
+.v-splitpanel-vsplitter,
+.v-splitpanel-vsplitter-locked {
+	height: 6px;
+}
+
+.v-splitpanel-vsplitter div,
+.v-splitpanel-vsplitter-locked div {
+	height: 6px;
+	background: #ccd2d0 url(img/bg_ver.png);
+	border: 1px solid #b6bbbc;
+	margin: -1px 0;
+}
+
+
+/* Rounded style */
+.v-splitpanel-hsplitter-rounded div,
+.v-splitpanel-vsplitter-rounded div,
+.v-splitpanel-hsplitter-rounded-locked div,
+.v-splitpanel-vsplitter-rounded-locked div {
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+.v-splitpanel-hsplitter-rounded div,
+.v-splitpanel-hsplitter-rounded-locked div {
+	top: 4px;
+	bottom: 4px;
+}
+.v-splitpanel-vsplitter-rounded div,
+.v-splitpanel-vsplitter-rounded-locked div {
+	margin: -1px 4px;
+}
+
+
+/* Small style */
+.v-splitpanel-hsplitter-small,
+.v-splitpanel-vsplitter-small,
+.v-splitpanel-hsplitter-small-locked,
+.v-splitpanel-vsplitter-small-locked {
+	background: #b6bbbc;
+}
+.v-splitpanel-hsplitter-small,
+.v-splitpanel-hsplitter-small-locked {
+	width: 1px;
+}
+.v-splitpanel-vsplitter-small,
+.v-splitpanel-vsplitter-small-locked {
+	height: 1px;
+}
+.v-splitpanel-hsplitter-small div,
+.v-splitpanel-hsplitter-small-locked div {
+	border: none;
+	background: transparent;
+	width: 5px;
+	margin: 0 0 0 -2px;
+}
+.v-splitpanel-vsplitter-small div,
+.v-splitpanel-vsplitter-small-locked div {
+	border: none;
+	background: transparent;
+	height: 5px;
+	margin: -2px 0 0 0;
+}
+
+}
\ No newline at end of file