chore(admin-ui): Move global sass to styles directory

admin-ui/angular.json

@@ -30,11 +30,11 @@
             "styles": [
               "./node_modules/@clr/icons/clr-icons.min.css",
               "./node_modules/@clr/ui/clr-ui.min.css",
-              "src/styles.scss"
+              "src/styles/styles.scss"
             ],
             "scripts": [],
             "stylePreprocessorOptions": {
-              "includePaths": ["./src"]
+              "includePaths": ["./src/styles"]
             }
           },
           "configurations": {
@@ -82,7 +82,7 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
-              "src/styles.scss"
+              "src/styles/styles.scss"
             ],
             "scripts": [],
             "assets": [
@@ -90,7 +90,7 @@
               "src/assets"
             ],
             "stylePreprocessorOptions": {
-              "includePaths": ["./src"]
+              "includePaths": ["./src/styles"]
             }
           }
         },

admin-ui/src/_variables.scss → admin-ui/src/styles/_variables.scss

@@ -1,7 +1,7 @@
-@import "~@clr/ui/src/color/utils/colors.clarity";
-@import "~@clr/ui/src/color/utils/contrast-cache.clarity";
-@import "~@clr/ui/src/color/utils/helpers.clarity";
-@import "~@clr/ui/src/color/variables.color";
+@import "../../node_modules/@clr/ui/src/color/utils/colors.clarity";
+@import "../../node_modules/@clr/ui/src/color/utils/contrast-cache.clarity";
+@import "../../node_modules/@clr/ui/src/color/utils/helpers.clarity";
+@import "../../node_modules/@clr/ui/src/color/variables.color";
 
 // colors
 $color-brand: #13b7f3;