rename home.component.css as home.component.scss

docs/en/Tutorials/Todo/Index.md

@@ -701,7 +701,7 @@ import { TodoItemDto, TodoService } from '@proxy';
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
-  styleUrls: ['./home.component.css']
+  styleUrls: ['./home.component.scss']
 })
 export class HomeComponent implements OnInit {
 
@@ -772,9 +772,9 @@ Open the `/angular/src/app/home/home.component.html` file and replace its conten
 </div>
 ````
 
-### home.component.css
+### home.component.scss
 
-As the final touch, open the `/angular/src/app/home/home.component.css` file in the `Pages` and replace with the following content:
+As the final touch, open the `/angular/src/app/home/home.component.scss` file in the `Pages` and replace with the following content:
 
 ````css
 #TodoList{

templates/app/angular/src/app/home/home.component.ts

@@ -5,7 +5,7 @@ import { OAuthService } from 'angular-oauth2-oidc';
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
-  styleUrls: ['./home.component.css'],
+  styleUrls: ['./home.component.scss'],
 })
 export class HomeComponent {
   get hasLoggedIn(): boolean {