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, 62 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/liferay/tree/tree.scss b/WebContent/VAADIN/themes/liferay/tree/tree.scss
new file mode 100644
index 0000000000..99ce8e709f
--- /dev/null
+++ b/WebContent/VAADIN/themes/liferay/tree/tree.scss
@@ -0,0 +1,62 @@
+@mixin liferay-tree {
+
+.v-tree-node {
+	background: transparent url(arrows_sprites.png) no-repeat -42px 1px;
+}
+
+.v-tree-node span {
+	color: #336699;
+	padding: 1px 2px;
+	display: inline-block;
+}
+
+.v-tree-node:hover {
+	background-position: -14px -30px;
+}
+
+.v-tree-node-expanded {
+	background-position: -28px -14px;
+}
+
+.v-tree-node-expanded:hover {
+	background-position: 0 -47px;
+}
+
+.v-tree .v-tree-node-drag-top {
+	background-position: -42px 0px;
+}
+
+.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
+	background-position: -28px -15px;
+}
+
+.v-tree-node-selected {
+	background: #333;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.v-tree-node-selected span {
+	display: inline-block;
+	background: transparent;
+	color: #fff;
+	text-shadow: -1px -1px #000;
+	padding: 1px 2px;
+}
+
+.v-tree-node-caption {
+	margin-left: 14px;
+	padding: 1px;
+}
+
+.v-tree-node-focused {
+	border: 1px dotted #555;
+	padding: 0;
+}
+
+.v-tree-node-children {
+	padding-left: 14px;
+}
+
+}
\ No newline at end of file