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

diff --git a/WebContent/VAADIN/themes/base/shadow/shadow.scss b/WebContent/VAADIN/themes/base/shadow/shadow.scss
new file mode 100644
index 0000000000..4e1085aa5a
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/shadow/shadow.scss
@@ -0,0 +1,72 @@
+@mixin base-shadow {
+
+.v-shadow {
+	position: absolute;
+}
+
+.v-shadow .top-left {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: -5px;
+    width: 10px;         height: 10px;
+    background: transparent url(img/top-left.png);
+}
+
+.v-shadow .top {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: 5px;
+    height: 10px;           right: 5px;
+    background: transparent url(img/top.png);
+}
+
+.v-shadow .top-right {
+    position: absolute; overflow: hidden;
+    top: -3px;             right: -5px;
+    width: 10px;         height: 10px;
+    background: transparent url(img/top-right.png);
+}
+
+.v-shadow .left {
+    position: absolute; overflow: hidden;
+    top: 7px;           left: -5px;
+    width: 10px;
+    bottom: 3px;
+    background: transparent url(img/left.png);
+}
+
+.v-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 7px;           left: 5px;
+    bottom: 3px;        right: 5px;
+    background: transparent url(img/center.png);
+}
+
+.v-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 7px;           right: -5px;
+    width: 10px;
+    bottom: 3px;
+    background: transparent url(img/right.png);
+}
+
+.v-shadow .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -7px;           left: -5px;
+    width: 10px;          height: 10px;
+    background: transparent url(img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -7px;           left: 5px;
+    right: 5px;          height: 10px;
+    background: transparent url(img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -7px;           right: -5px;
+    width: 10px;          height: 10px;
+    background: transparent url(img/bottom-right.png);
+}
+
+}
\ No newline at end of file