Restructure Sass files and folders for proper application Sass development

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

@@ -0,0 +1,44 @@
+md-progress-linear.md-THEME_NAME-theme {
+  .md-container {
+    background-color: '{{primary-100}}';
+  }
+
+  .md-bar {
+    background-color: '{{primary-color}}';
+  }
+
+  &.md-warn .md-container {
+    background-color: '{{warn-100}}';
+  }
+
+  &.md-warn .md-bar {
+    background-color: '{{warn-color}}';
+  }
+
+  &.md-accent .md-container {
+    background-color: '{{accent-100}}';
+  }
+
+  &.md-accent .md-bar {
+    background-color: '{{accent-color}}';
+  }
+
+  &[md-mode=buffer] {
+    &.md-warn {
+      .md-bar1 {
+        background-color: '{{warn-100}}';
+      }
+      .md-dashed:before {
+        background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%);
+      }
+    }
+    &.md-accent {
+      .md-bar1 {
+        background-color: '{{accent-100}}';
+      }
+      .md-dashed:before {
+        background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%);
+      }
+    }
+  }
+}