Switching all CSS files to SASS (#136)

.angular-cli.json

@@ -52,7 +52,7 @@
     }
   },
   "defaults": {
-    "styleExt": "css",
+    "styleExt": "scss",
     "component": {}
   }
 }

build

@@ -8,17 +8,4 @@ set -e
 
 npm run travis
 
-for CSS_FILE in `find ./src/ -type f -name "*.css"`;
-do
-  CSS_BEAUTIFIED=$(mktemp)
-  # Beautify the CSS, but strip the first line because cssbeautify prints the
-  # filename in the output file.
-  cssbeautify-cli \
-    --file "${CSS_FILE}" \
-    --indent 2 \
-    | tail -n +2 \
-    > "${CSS_BEAUTIFIED}"
-  diff "${CSS_FILE}" "${CSS_BEAUTIFIED}"
-done
-
 npm run build

src/app/_components/footer/footer.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-footer',
   templateUrl: './footer.component.html',
-  styleUrls: ['./footer.component.css'],
+  styleUrls: ['./footer.component.scss'],
 })
 export class FooterComponent implements OnInit {
 

src/app/_components/mailing-list/mailing-list.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-mailing-list',
   templateUrl: './mailing-list.component.html',
-  styleUrls: ['./mailing-list.component.css'],
+  styleUrls: ['./mailing-list.component.scss'],
 })
 export class MailingListComponent implements OnInit {
 

src/app/_components/nav/nav.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-nav',
   templateUrl: './nav.component.html',
-  styleUrls: ['./nav.component.css'],
+  styleUrls: ['./nav.component.scss'],
 })
 export class NavComponent implements OnInit {
 

src/app/_components/recipe-list/recipe-list.component.ts

@@ -9,7 +9,7 @@ import { recipesPerPage, maxPageButtons, recipeCategories } from '../../constant
 @Component({
   selector: 'app-recipe-list',
   templateUrl: './recipe-list.component.html',
-  styleUrls: ['./recipe-list.component.css'],
+  styleUrls: ['./recipe-list.component.scss'],
 })
 export class RecipeListComponent implements OnInit {
 

src/app/app.component.ts

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