use ionic scss instead of css, set ionic vars

Gruntfile.js

@@ -94,7 +94,7 @@ module.exports = function(grunt) {
         },
         files: [{
           expand: true,
-          src: ['src/sass/*.scss'],
+          src: ['src/sass/main.scss'],
           dest: './',
           ext: '.css'
         }]
@@ -193,12 +193,6 @@ module.exports = function(grunt) {
         src: 'bower_components/ionic/release/js/ionic.bundle.min.js',
         dest: 'public/lib/'
       },
-      ionic_css: {
-        expand: true,
-        flatten: true,
-        src: 'bower_components/ionic/release/css/ionic.min.css',
-        dest: 'public/css/'
-      },
       linux: {
         files: [{
           expand: true,

src/sass/ionic.scss

@@ -0,0 +1,8 @@
+/* Set ionic variables */
+$font-family-sans-serif: "Roboto", sans-serif;
+$font-family-light-sans-serif: "Roboto-Light", sans-serif-light;
+$royal: #1e3186;
+
+
+
+@import "../../bower_components/ionic/scss/ionic";

src/sass/main.scss

@@ -997,6 +997,7 @@ input[type=number] {
   }
 }
 
-@import "views/common";
+@import "ionic";
+@import "common";
 @import "views/tab-home";
 @import "views/includes/walletActivity";