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

diff --git a/WebContent/VAADIN/themes/base/notification/notification.scss b/WebContent/VAADIN/themes/base/notification/notification.scss
new file mode 100644
index 0000000000..e67ac14050
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/notification/notification.scss
@@ -0,0 +1,43 @@
+@mixin base-notification {
+
+.v-Notification {
+	background: #999;
+	color: #fff;
+	cursor: pointer;
+	overflow: hidden;
+	padding: 1em;
+	max-width:85%;
+	
+}
+.v-Notification h1,
+.v-Notification p,
+.v-Notification-error h1,
+.v-Notification-error p,
+.v-Notification-warning h1,
+.v-Notification-warning p {
+	display: inline;
+	margin: 0 0.5em 0 0;
+}
+.v-Notification-warning {
+	background: orange;
+}
+.v-Notification-error {
+	background: red;
+}
+.v-Notification-tray h1 {
+	display: block;
+}
+.v-Notification-tray p {
+	display: block;
+}
+.v-Notification-system {
+	background-color: red;
+	opacity: .7;
+	filter: alpha(opacity=70);
+}
+.v-Notification-system h1 {
+	display: block;
+	margin: 0;
+}
+
+}
\ No newline at end of file