Restructure Sass files and folders for proper application Sass development

UI/WebServerResources/scss/SOGoRootPage.scss

@@ -1,34 +0,0 @@
-@import "functions";
-@import "foundation";
-/* @import "foundation/components/alert-boxes", */
-/*   "foundation/components/buttons", */
-/*   "foundation/components/grid", */
-/*   "foundation/components/forms", */
-/*   "foundation/components/top-bar"; */
-
-$total-columns: 12;
-
-#pageContent {
-
-    #login {
-        @include grid-row();
-        @media #{$medium-up} {
-            padding-top: rem-calc(48);
-        }
-        #logo {
-            text-align: center;
-            @include grid-column(12);
-            @media #{$medium-up} {
-                text-align: right;
-                @include grid-column($columns:4, $offset:2);
-            }
-        }
-        form {
-            @include grid-column(12);
-            @media #{$medium-up} {
-                @include grid-column($columns:3);
-            }
-        }
-    }
-
-}

UI/WebServerResources/scss/components.scss

@@ -1,59 +0,0 @@
-/**
-*
-* Main Stylesheet SOGo
-* Based on Angular Material Design
-* IMPORTANT : This scss file might interfere with actual Angular-Material grunt-build
-* and will generate a (too)) long css file because of the overrides
-*
-**/
-
-// Compass import - comment-out if needed
-//@import 'vendors/compass';
-
-// Browser reset - most effective for applications. Generated by Compass in a non-regular way
-@import 'reset.css';
-//@import 'components/normalize';
-
-// Fonts
-@import '../css/ubuntu.css';
-
-// MODULES - Shouldn't immediately generate any css
-@import 'functions';
-
-// Angular-Material core style files (filenames are not reflecting content)
-@import '../angular-material/src/core/style/color-palette.scss';
-@import '../angular-material/src/core/style/variables.scss';
-@import '../angular-material/src/core/style/mixins.scss';
-@import '../angular-material/src/core/style/structure.scss';
-@import '../angular-material/src/core/style/layout.scss';
-
-/* Local overrides from angular-material src */
-@import 'vendors/angular-material/core/style/color-palette';
-@import 'vendors/angular-material/core/style/variables';
-@import 'vendors/angular-material/core/style/mixins';
-@import 'vendors/angular-material/core/style/structure';
-@import 'vendors/angular-material/core/style/layout';
-
-
-
-
-// Icons -
-
-
-// Angular-Material Color Palettes (used by $mdThemingProvider [theming.js]) - generated at (grunt ?) build
-// @import '../angular-material/src/core/style/color-palette.scss';
-
-// COMPONENTS
-// Angular-material src components
-
-
-/* Angular-material components local overrides */
-@import 'vendors/angular-material/components/list/list.scss';
-@import 'vendors/angular-material/components/divider/divider.scss';
-@import 'vendors/angular-material/components/toolbar/toolbar.scss';
-
-// Pages-specific styles
-
-
-// Make sure this is last to override anything else :)
-