Global Style implementation

Author: piyalidas10

angular.json

@@ -29,9 +29,7 @@
             ],
             "styles": [
               "src/styles.scss",
-              "src/assets/styles/ecommerce.scss",
-              "src/assets/styles/mixin.scss",
-              "src/assets/styles/theme.scss"
+              "src/ecommerce.scss"
             ],
             "scripts": []
           },

package-lock.json

@@ -1,5 +1,4 @@
-@import "../../../assets/styles/theme.scss";
-@import "../../../assets/styles/mixin.scss";
+@import "~ecommerce.scss";
 .registerBox {
   background: $color-white;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

src/app/pages/register/register.component.scss

@@ -0,0 +1,6 @@
+/* You can add global styles to this file, and also import other style files */
+@import "assets/styles/theme.scss";
+@import 'assets/styles/mixin.scss';
+@import 'assets/css/main.scss';
+@import 'assets/css/login.component.scss';
+

src/assets/styles/ecommerce.scss

@@ -7,7 +7,6 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

src/ecommerce.scss

@@ -1 +1,2 @@
-@import "./assets/styles/ecommerce.scss";
+// @import "~ecommerce.scss";
+@import 'node_modules/bootstrap/scss/bootstrap.scss';