♻️ Sass --> SCSS

angular.json

@@ -7,7 +7,7 @@
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
-          "style": "sass"
+          "style": "scss"
         }
       },
       "root": "",
@@ -50,7 +50,8 @@
               }
             ],
             "styles": [
-              "./node_modules/hslayers-ng/css/hslayers-ng.css"
+              "./node_modules/hslayers-ng/css/hslayers-ng.css",
+              "./src/styles.scss"
             ],
             "scripts": [],
             "customWebpackConfig": {

src/app/app.component.ts

@@ -16,7 +16,7 @@ import {CalculatorComponent} from './calculator/calculator.component';
 @Component({
   selector: 'application-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.sass'],
+  styleUrls: ['./app.component.scss'],
 })
 export class AppComponent {
   /* You can name your app as you like or not at all */