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;

UI/WebServerResources/scss/core/base_styles/_base_style.scss

@@ -0,0 +1,16 @@
+/**
+ *
+ * @filename _base_styles.scss
+ * @project SOGo
+ * @version 3.alpha
+ *
+ * Define basic general styles for base elements
+ *
+ *
+ */
+
+
+body,
+.main { // see if '.main' fit the purposes
+  padding-bottom: $toolbar-height; // padding to compensate for the bottom bar
+}

UI/WebServerResources/scss/grid/_manifest.scss

@@ -0,0 +1,14 @@
+/**
+ *
+ * @filename _grid.scss
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ */

UI/WebServerResources/scss/styles.scss

@@ -28,11 +28,13 @@
 /* Local overrides from angular-material src */
 // fixme : refactor all this to meet our practices
 // ------------------------------------------------------------------------------
+@import 'core/variables';
 @import 'core/mixins';
 @import 'core/structure';
 @import 'core/layout';
 
 
+
 // Icons -
 // ------------------------------------------------------------------------------
 // fixme : implement icon-font module
@@ -48,7 +50,11 @@
 @import 'components/list/list.scss';
 @import 'components/divider/divider.scss';
 @import 'components/toolbar/toolbar.scss';
+@import 'components/bottombar/bottombar.scss';
 
+// core styles - need to be after components till settings are correctly implemented
+// ------------------------------------------------------------------------------
+@import 'core/base_styles/base_style';
 
 // Make sure this is last to override anything else
 @import 'shame';