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

diff --git a/WebContent/VAADIN/themes/reindeer/panel/panel.scss b/WebContent/VAADIN/themes/reindeer/panel/panel.scss
new file mode 100644
index 0000000000..00483c5546
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/panel/panel.scss
@@ -0,0 +1,78 @@
+@mixin reindeer-panel {
+
+.blue .v-panel-caption,
+.blue .v-panel-nocaption,
+.blue .v-panel-content {
+	border-color: #a8bcc5;
+}
+.v-panel-caption,
+.v-panel-nocaption,
+.white .v-panel-caption,
+.white .v-panel-nocaption {
+	border-bottom: 1px solid #e5e5e5;
+	line-height: 16px; /* accommodate minimum icon size */
+}
+.v-webkit .v-panel-caption,
+.v-webkit .v-panel-nocaption,
+.v-gecko .v-panel-caption,
+.v-gecko .v-panel-nocaption,
+.v-ie9 .v-panel-caption,
+.v-ie9 .v-panel-nocaption {
+	border-bottom-color: rgba(0,0,0,.08);
+}
+.v-panel-caption {
+	padding-bottom: 2px;
+}
+.v-panel-content,
+.white .v-panel-content {
+	background: #fff;
+	border: 1px solid #dcdcdc;
+	border-bottom: none;
+	border-top: none;
+}
+.v-webkit .v-panel-content,
+.v-gecko .v-panel-content,
+.v-ie9 .v-panel-content {
+	border-top-color: rgba(0,0,0,.07);
+}
+.blue .v-panel-deco {
+	border-color: #92a3ac;
+	background: #adc2cd;
+}
+.v-panel-deco,
+.white .v-panel-deco {
+	height: 1px;
+	border-top: 1px solid #bebebe;
+	background: #e2e2e2;
+	overflow: hidden;
+}
+.v-webkit .v-panel-deco,
+.v-gecko .v-panel-deco,
+.v-ie9 .v-panel-deco {
+	border-top-color: rgba(0,0,0,.1);
+	background: rgba(0,0,0,.08);
+}
+.v-panel-caption .v-errorindicator {
+	height: 16px;
+	width: 13px;
+	background: url(../common/icons/error.png) no-repeat 50%;
+	display: inline;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+/* Light style */
+.v-panel-light .v-panel-caption-light,
+.v-panel-light .v-panel-nocaption-light {
+	border: none;
+}
+.v-panel-light .v-panel-content-light {
+	border: none;
+	background: transparent;
+}
+.v-panel-light .v-panel-deco-light {
+	height: 0;
+	border: none;
+}
+
+}
\ No newline at end of file