From ba007b3672c94cf3aec32c0c46c87318052c3c8f Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Wed, 7 Apr 2021 16:24:46 +0300
Subject: [PATCH] rename home.component.css as home.component.scss

---
 docs/en/Tutorials/Todo/Index.md                             | 6 +++---
 .../app/home/{home.component.css => home.component.scss}    | 0
 templates/app/angular/src/app/home/home.component.ts        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)
 rename templates/app/angular/src/app/home/{home.component.css => home.component.scss} (100%)

diff --git a/docs/en/Tutorials/Todo/Index.md b/docs/en/Tutorials/Todo/Index.md
index c927d5c925..7a41f8523c 100644
--- a/docs/en/Tutorials/Todo/Index.md
+++ b/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{
diff --git a/templates/app/angular/src/app/home/home.component.css b/templates/app/angular/src/app/home/home.component.scss
similarity index 100%
rename from templates/app/angular/src/app/home/home.component.css
rename to templates/app/angular/src/app/home/home.component.scss
diff --git a/templates/app/angular/src/app/home/home.component.ts b/templates/app/angular/src/app/home/home.component.ts
index cd0aca4034..5e19367b34 100644
--- a/templates/app/angular/src/app/home/home.component.ts
+++ b/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 {