css -> scss

Author: fredsa

Diff for: 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": []
           }

Diff for: src/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 {
 }

Diff for: 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 {
 

Diff for: src/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 {
 

Diff for: 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 {
 

Diff for: src/app/db-schema/db-schema.component.css renamed to src/app/db-schema/db-schema.component.scss

@@ -20,7 +20,7 @@ import { UpperCasePipe, DatePipe } from '@angular/common';
     selector: 'app-div-console',
     standalone: true,
     templateUrl: './div-console.component.html',
-    styleUrl: './div-console.component.css',
+    styleUrl: './div-console.component.scss',
     imports: [UpperCasePipe, DatePipe],
 })
 export class DivConsoleComponent {

Diff for: src/app/db-schema/db-schema.component.ts

@@ -8,7 +8,7 @@ import { HelpfulLabelComponent } from '../helpful-label/helpful-label.component'
   standalone: true,
   imports: [HelpfulLabelComponent],
   templateUrl: './gemini-response.component.html',
-  styleUrl: './gemini-response.component.css'
+  styleUrl: './gemini-response.component.scss'
 })
 export class GeminiResponseComponent implements AfterViewChecked {
   protected scrollAnchor = viewChild.required<ElementRef<HTMLDivElement>>('scrollAnchor');

Diff for: src/app/db-table/db-table.component.css renamed to src/app/db-table/db-table.component.scss

@@ -5,7 +5,7 @@ import { Component, Input } from '@angular/core';
   standalone: true,
   imports: [],
   templateUrl: './helpful-label.component.html',
-  styleUrl: './helpful-label.component.css',
+  styleUrl: './helpful-label.component.scss',
 })
 export class HelpfulLabelComponent {
   @Input()

Diff for: src/app/db-table/db-table.component.ts

@@ -6,7 +6,7 @@ import { HelpfulLabelComponent } from '../helpful-label/helpful-label.component'
 @Component({
   selector: 'app-model-config',
   templateUrl: './model-config.component.html',
-  styleUrl: './model-config.component.css',
+  styleUrl: './model-config.component.scss',
   standalone: true,
   imports: [HelpfulLabelComponent]
 })