Typography auto-scroll List

UI/WebServerResources/scss/components/autoScrollList/_extends.scss

@@ -0,0 +1,8 @@
+/*! _extends.scss - */
+////
+/// SOGo
+/// Version: #{$Version}
+/// Module: autoScrollList
+/// Extends for autoScroll module fron ngMaterial List
+////
+@import '../../../angular-material/src/components/list/list.scss';

UI/WebServerResources/scss/components/autoScrollList/_functions.scss

@@ -0,0 +1,7 @@
+/*! _functions.scss - */
+////
+/// SOGo
+/// Version: #{$Version}
+/// Module: autoScrollList
+/// Functions for autoScrollList
+////

UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss

@@ -0,0 +1,31 @@
+////
+/// SOGo
+/// Version: #{$Version}
+/// Module: autoScrollList
+/// Main definitions for autoScrollList
+////
+@import 'extends';
+
+// The only selector for vs-repeat lists is this id, we use attributes selector to
+// avoid overspecifying
+// todo: create new classes and refactor templates markup
+[id='messagesList'] {
+  md-item-content {
+    padding: $layout-gutter-width;
+  }
+}
+.sg-tile-content {
+  .sg-md-subhead-multi {
+    padding: 0 0 0 $layout-gutter-width;
+    margin: 0;
+  }
+  .sg-md-body-multi {
+    margin: 0;
+  }
+  a {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+}

UI/WebServerResources/scss/components/button/_functions.scss

@@ -0,0 +1,7 @@
+/*! _functions.scss - */
+////
+/// SOGo
+/// Version: #{$Version}
+/// Module: button
+/// Functions for button
+////