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

diff --git a/WebContent/VAADIN/themes/chameleon/components/label/label.scss b/WebContent/VAADIN/themes/chameleon/components/label/label.scss
new file mode 100644
index 0000000000..7471242f70
--- /dev/null
+++ b/WebContent/VAADIN/themes/chameleon/components/label/label.scss
@@ -0,0 +1,131 @@
+@mixin chameleon-label {
+
+/*******************************************************************************
+ * Different headers
+ ******************************************************************************/
+.v-label-h1,
+.v-label h1,
+.v-label-h2,
+.v-label h2,
+.v-label-h3,
+.v-label h3,
+.v-label-h4,
+.v-label h4 {
+	margin: 0;
+	font-weight: bold;
+	}
+
+.v-label-h1,
+.v-label h1 {
+	padding: .75em 0 .5em 0;
+	font-size: 1.85em;
+	}
+
+.v-label-h2,
+.v-label h2 {
+	padding: .67em 0 .33em 0;
+	font-size: 1.4em;
+	}
+
+.v-label-h3,
+.v-label h3 {
+	margin: .71em 0 .29em 0;
+	font-size: 1.1em;
+	}
+
+.v-label-h4,
+.v-label h4 {
+	padding: .23em 0;
+	font-size: 1em;
+	}
+
+
+/*******************************************************************************
+ * Big
+ ******************************************************************************/
+.v-label-big {
+	font-size: 1.2em;
+	}
+
+
+/*******************************************************************************
+ * Small
+ ******************************************************************************/
+.v-label-small {
+	font-size: 0.9em;
+	line-height: 1.3;
+	opacity: .8;
+	filter: alpha(opacity=80);
+	}
+
+
+/*******************************************************************************
+ * Tiny
+ ******************************************************************************/
+.v-label-tiny {
+	font-size: 0.85em;
+	line-height: 1.2;
+	opacity: .7;
+	filter: alpha(opacity=70);
+	}
+
+
+/*******************************************************************************
+ * Warning & error
+ ******************************************************************************/
+body .v-label-warning,
+body .v-label-error {
+	color: #574734;
+	background: #fffec8 url(../../img/label-warning-icon.png) no-repeat .2em 50%;
+	white-space: nowrap;
+	padding: .3em 1em .3em 2.4em;
+	overflow: hidden;
+	width: auto !important;
+	border-radius: 2px;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	text-shadow: none;
+	}
+
+body .v-label-error {
+	color: #fff;
+	font-weight: bold;
+	background: #c22f24 url(../../img/label-error-icon.png) no-repeat .2em 50%;
+	text-shadow: 0 1px 0 #8f2e27;
+	}
+
+
+/*******************************************************************************
+ * Big warning & big error
+ ******************************************************************************/
+.v-label-big.v-label-warning,
+.v-label-big.v-label-error {
+	background-image: url(../../img/label-warning-icon-big.png);
+	background-position: 0 50%;
+	padding: .5em 1em .5em 3em;
+	}
+
+.v-label-big.v-label-error {
+	background-image: url(../../img/label-error-icon-big.png);
+	}
+
+
+/*******************************************************************************
+ * Loading
+ ******************************************************************************/
+body .v-label-loading {
+	height: 32px;
+	line-height: 32px;
+	background-image: url(../../../base/common/img/loading-indicator.gif);
+	background-repeat: no-repeat;
+	background-position: 0 50%;
+	white-space: nowrap;
+	padding: .3em 1em .3em 36px;
+	overflow: hidden;
+	width: auto !important;
+	border-radius: 2px;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	}
+
+}
\ No newline at end of file