Preparation for build of a unique CSS

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

@@ -0,0 +1,2 @@
+/*! toolbar/_extends.scss - */
+@import '../../../angular-material/src/components/toolbar/toolbar.scss';

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

@@ -1,81 +1 @@
-// fixme : place all variables in settings
-$toolbar-tools-height: 64px !default;
-$toolbar-height: 64px !default;
-$toolbar-medium-tall-height: 88px !default;
-$toolbar-tall-height: 128px !default;
-$toolbar-indent-margin: 64px !default;
-$toolbar-padding: 16px !default;
-
-md-toolbar {
-  display: flex;
-  flex-direction: column;
-
-  position: relative;
-  z-index: 2;
-
-  font-size: 1.3em;
-  min-height: $baseline-grid * 8;
-  width: 100%;
-
-  &.md-tall {
-    height: $toolbar-tall-height;
-    min-height: $toolbar-tall-height;
-    max-height: $toolbar-tall-height;
-  }
-
-  &.md-medium-tall {
-    height: $toolbar-medium-tall-height;
-    min-height: $toolbar-medium-tall-height;
-    max-height: $toolbar-medium-tall-height;
-
-    .md-toolbar-tools {
-      height: 48px;
-      min-height: 48px;
-      max-height: 48px;
-    }
-  }
-
-  &.md-toolbar-small {
-    min-height: $baseline-grid * 6;
-  }
-
-  .md-indent {
-    margin-left: $toolbar-indent-margin;
-  }
-}
-
-.md-toolbar-tools {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-
-  width: 100%;
-  height: $toolbar-tools-height;
-  min-height: 100%;
-  max-height: $toolbar-tools-height;
-  font-size: inherit;
-  font-weight: normal;
-  padding: 0 $toolbar-padding;
-  margin: 0;
-
-  > * {
-    font-size: inherit;
-  }
-  h2, h3 {
-    font-weight: normal;
-  }
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-  .fill-height {
-    display: flex;
-    align-items: center;
-  }
-  .md-tools {
-    margin-left: auto;
-  }
-  .md-button {
-    font-size: 14px;
-  }
-}
+@import 'extends';