Report body inline style in Sass

Create bottombar component

UI/WebServerResources/scss/components/bottombar/_extends.scss

@@ -0,0 +1,22 @@
+///
+///
+/// @filename _extends.scss
+/// @project SOGo
+/// @version 3.alpha
+/// @module bottombar
+///
+/// botttombar extends
+///
+///
+
+.sg-bottombar {
+  @extends md-toolbar;
+
+  background-color:#212121; // fixme : use a variable
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  // todo : implement a setting map and a getter for every z-index
+  // NiceToHave : implement init map and function
+  z-index: 100;
+}

UI/WebServerResources/scss/components/bottombar/bottombar-theme.scss

@@ -0,0 +1,17 @@
+md-toolbar.md-THEME_NAME-theme {
+  background-color: '{{primary-color}}';
+  color: '{{primary-contrast}}';
+
+  .md-button {
+    color: '{{primary-contrast}}';
+  }
+
+  &.md-accent {
+    background-color: '{{accent-color}}';
+    color: '{{accent-contrast}}';
+  }
+  &.md-warn {
+    background-color: '{{warn-color}}';
+    color: '{{warn-contrast}}';
+  }
+}

UI/WebServerResources/scss/components/bottombar/bottombar.scss

@@ -0,0 +1,14 @@
+///
+///
+/// @filename _bottombar.scss
+/// @project SOGo
+/// @version 3.alpha
+///
+/// Main botttombar module file define style for component bottombar, manly an extension of bottombar
+///
+///
+
+@import 'components/toolbar/toolbar.scss';  // todo : remove when settings are done
+@import "mixins";
+@import "extends";
+// -----------------------------------------

UI/WebServerResources/scss/components/toolbar/toolbar.scss

@@ -1,3 +1,4 @@
+// fixme : place all variables in settings
 $toolbar-tools-height: 64px !default;
 $toolbar-height: 64px !default;
 $toolbar-medium-tall-height: 88px !default;