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

diff --git a/WebContent/VAADIN/themes/runo/label/label.scss b/WebContent/VAADIN/themes/runo/label/label.scss
new file mode 100644
index 0000000000..94bb5637e9
--- /dev/null
+++ b/WebContent/VAADIN/themes/runo/label/label.scss
@@ -0,0 +1,74 @@
+@mixin runo-label {
+
+.v-label h1,
+.v-label h2,
+.v-label h3,
+.v-label h4,
+.v-label h5,
+.v-label h6 {
+	color: #404749;
+}
+
+.v-label-h1,
+.v-label h1 {
+	margin: 0;
+	padding: 8px 0 4px;
+	font-size: 24px;
+	line-height: normal;
+	letter-spacing: -0.03em;
+	font-weight: normal;
+	text-shadow: 0 1px 1px #fff;
+}
+
+.v-label-h2,
+.v-label h2 {
+	color: #f14c1a;
+	font-size: 18px;
+	letter-spacing: -0.03em;
+	font-weight: normal;
+	padding: 13px 0 5px;
+}
+
+.v-label-h3,
+.v-label h3 {
+	font-size: 15px;
+	letter-spacing: -0.03em;
+	font-weight: normal;
+	text-shadow: 0 1px 1px #fff;
+}
+
+.v-label-h4,
+.v-label h4 {
+	font-size: 13px;
+	font-weight: normal;
+	text-shadow: 0 1px 1px #fff;
+	margin: 0;
+	padding: 8px 0 4px;
+}
+
+.v-label-small {
+	font-size: .87em;
+	line-height: 1.4;
+	color: #707679;
+}
+
+.v-label hr,
+.v-label-hr {
+	height: 2px;
+	overflow: hidden;
+	background: #ccd2d3;
+	color: #ccd2d3; /* For IE */
+	border: none;
+	border-bottom: 1px solid #fff;
+	margin: 0;
+}
+.v-label-hr {
+	height: 1px;
+}
+
+.v-sa .v-label hr,
+.v-ie8 .v-label hr {
+	height: 1px;
+}
+
+}
\ No newline at end of file