Added custom materialize styling

Author: Nick Marsh

angular-cli.json

@@ -15,7 +15,7 @@
       "prefix": "app",
       "mobile": false,
       "styles": [
-        "styles.css"
+        "styles.scss"
       ],
       "scripts": [
         "../node_modules/jquery/dist/jquery.js",

src/app/app.component.html

@@ -1,3 +1,5 @@
 <h1>
   {{title}}
 </h1>
+
+<button class="waves-effect waves-light btn">Test Button</button>

src/styles.css

@@ -0,0 +1,8 @@
+/* You can add global styles to this file, and also import other style files */
+
+@import "../node_modules/materialize-css/sass/components/color"; /* This must be included to use the included variables and the color function */
+$primary-color: color("indigo", "base");
+$secondary-color: color("blue", "lighten-1");
+
+$roboto-font-path: "../node_modules/materialize-css/fonts/roboto/"; /* This is needed so the materialize.scss file can load the font */
+@import "../node_modules/materialize-css/sass/materialize";