css -> scss

Author: fredsa

angular.json

@@ -7,7 +7,10 @@
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
-          "standalone": false
+          "standalone": false,
+          "inlineTemplate": false,
+          "inlineStyle": false,
+          "style": "scss"
         },
         "@schematics/angular:directive": {
           "standalone": false
@@ -35,7 +38,7 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": []
           },
@@ -94,7 +97,7 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": []
           }

src/app/app.component.css src/app/app.component.scsssrc/app/app.component.css renamed to src/app/app.component.scss

@@ -17,7 +17,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrl: './app.component.css',
+  styleUrl: './app.component.scss',
 })
 export class AppComponent {
 }

src/app/app.component.ts

@@ -9,7 +9,7 @@ import { HelpfulLabelComponent } from '../helpful-label/helpful-label.component'
   standalone: true,
   imports: [HelpfulLabelComponent],
   templateUrl: './db-panel.component.html',
-  styleUrl: './db-panel.component.css'
+  styleUrl: './db-panel.component.scss'
 })
 export class DbPanelComponent {
 

src/app/db-panel/db-panel.component.css src/app/db-panel/db-panel.component.scsssrc/app/db-panel/db-panel.component.css renamed to src/app/db-panel/db-panel.component.scss

@@ -8,7 +8,7 @@ import { HelpfulLabelComponent } from '../helpful-label/helpful-label.component'
   standalone: true,
   imports: [HelpfulLabelComponent],
   templateUrl: './db-schema.component.html',
-  styleUrl: './db-schema.component.css'
+  styleUrl: './db-schema.component.scss'
 })
 export class DbSchemaComponent {
 

src/app/db-panel/db-panel.component.ts

@@ -18,7 +18,7 @@ import { Component } from '@angular/core';
     selector: 'app-dbtable',
     standalone: true,
     templateUrl: './db-table.component.html',
-    styleUrl: './db-table.component.css',
+    styleUrl: './db-table.component.scss',
 })
 export class DbTableComponent {