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

diff --git a/WebContent/VAADIN/themes/base/panel/panel.scss b/WebContent/VAADIN/themes/base/panel/panel.scss
new file mode 100644
index 0000000000..93d82cd615
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/panel/panel.scss
@@ -0,0 +1,47 @@
+@mixin base-panel {
+
+.v-panel,
+.v-panel-caption,
+.v-panel-content,
+.v-panel-deco,
+.v-panel-light,
+.v-panel-caption-light,
+.v-panel-content-light,
+.v-panel-deco-light {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left; /* Force default alignment */
+}
+.v-panel-caption .v-errorindicator {
+	float: none;
+	display: inline;
+}
+.v-panel-caption .v-icon {
+	display: inline;
+	vertical-align: middle;
+}
+.v-panel-caption span {
+	vertical-align: middle;
+}
+.v-panel-caption {
+	white-space: nowrap;
+	overflow:hidden;
+	font-weight: bold;
+}
+.v-panel-nocaption {
+	overflow: hidden;
+}
+.v-panel-content {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+.v-panel.v-has-width > .v-panel-content {
+	width: 100%;
+}
+.v-panel.v-has-height > .v-panel-content {
+	height: 100%;
+}
+.v-panel-deco {
+}
+
+}
\ No newline at end of file