sass

code/moya-management-portal/.angular-cli.json

@@ -19,7 +19,7 @@
       "testTsconfig": "tsconfig.spec.json",
       "testTsconfig": "tsconfig.spec.json",
       "prefix": "app",
       "prefix": "app",
       "styles": [
       "styles": [
-        "styles.css"
+        "styles.scss"
       ],
       ],
       "scripts": [],
       "scripts": [],
       "environmentSource": "environments/environment.ts",
       "environmentSource": "environments/environment.ts",
@@ -55,7 +55,7 @@
     }
     }
   },
   },
   "defaults": {
   "defaults": {
-    "styleExt": "css",
+    "styleExt": "scss",
     "component": {}
     "component": {}
   }
   }
 }
 }

code/moya-management-portal/src/app/app.component.ts

@@ -4,10 +4,11 @@ import { AppService } from './shared/app.service';
 @Component({
 @Component({
   selector: 'app-root',
   selector: 'app-root',
   templateUrl: './app.component.html',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 })
 export class AppComponent {
 export class AppComponent {
   title = 'Moay';
   title = 'Moay';
+
   constructor(private appService: AppService) {
   constructor(private appService: AppService) {
     console.log(this.appService.get());
     console.log(this.appService.get());
   }
   }