1 files changed, 100 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/layouts/layouts.scss b/WebContent/VAADIN/themes/reindeer/layouts/layouts.scss
new file mode 100644
index 0000000000..e1bef65f1e
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/layouts/layouts.scss
@@ -0,0 +1,100 @@
+@mixin reindeer-layouts {
+
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top,
+.v-boxlayout.v-margin-top {
+	padding-top: 18px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right,
+.v-boxlayout.v-margin-right {
+	padding-right: 18px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom,
+.v-boxlayout.v-margin-bottom {
+	padding-bottom: 18px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left,
+.v-boxlayout.v-margin-left {
+	padding-left: 18px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+	padding-top: 7px;
+	padding-left: 6px;
+}
+.v-spacing {
+	height: 7px;
+	width: 6px;
+}
+/* Different for historical reasons: previously was inherited directly from Base theme */
+/* TODO unify these values in version 7 */
+.v-gridlayout-margin-top {
+	padding-top: 24px;
+}
+.v-gridlayout-margin-bottom {
+	padding-bottom: 24px;
+}
+.v-gridlayout-margin-left {
+	padding-left: 24px;
+} 
+.v-gridlayout-margin-right {
+	padding-right: 24px;
+}
+.v-gridlayout-spacing-on {
+	padding-left: 12px;
+	padding-top: 12px;
+}
+/* Blue background */
+.v-verticallayout-blue,
+.v-horizontallayout-blue,
+.v-orderedlayout-blue,
+.v-gridlayout-blue,
+.v-csslayout-blue,
+.v-formlayout-blue,
+.v-splitpanel-vertical-blue,
+.v-splitpanel-horizontal-blue {
+	background-color: #bcd3de;
+}
+.v-panel-content > div.blue {
+	background-color: #bcd3de;
+}
+/* White background */
+.v-verticallayout-white,
+.v-horizontallayout-white,
+.v-orderedlayout-white,
+.v-gridlayout-white,
+.v-csslayout-white,
+.v-formlayout-white,
+.v-splitpanel-vertical-white,
+.v-splitpanel-horizontal-white  {
+	background-color: #fff;
+	color: #222;
+}
+.v-panel-content > div.white {
+	background-color: #fff;
+	color: #222;
+}
+/* Black background */
+.v-verticallayout-black,
+.v-horizontallayout-black,
+.v-orderedlayout-black,
+.v-gridlayout-black,
+.v-csslayout-black,
+.v-formlayout-black,
+.v-splitpanel-vertical-black,
+.v-splitpanel-horizontal-black {
+	background: #1e2022 url(img/black-bg.png) repeat-x;
+}
+.v-panel-content > div.black {
+	background: #1e2022 url(img/black-bg.png) repeat-x;
+}
+
+}
+\ No newline at end of file