khamidou · blaiprat · Nov 6, 2013 · Nov 6, 2013 · Nov 6, 2013
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,11 @@
 *.swp
 .vagrant
 
+src/front/app/css
+
+# Node modules
+node_modules
+
 # C extensions
 *.so
 
@@ -33,3 +38,4 @@ nosetests.xml
 .mr.developer.cfg
 .project
 .pydevproject
+.sass-cache
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,36 @@
+module.exports = function(grunt) {
+
+    grunt.initConfig({
+        // Setting up sass to make it available
+        sass: {
+            dev: {
+                options: {
+                    style: 'expanded'
+                },
+                files: {
+                    'src/front/app/css/kite.css': 'src/assets/sass/kite.scss'
+                }
+            }
+        },
+        watch: {
+            sass: {
+                files: ['src/assets/sass/**/*.scss'],
+                tasks: ['sass']
+            },
+            livereload: {
+                options: { livereload: true },
+                files: ['src/front/app/**/*.css', 'src/front/app/**/*.js']
+            }
+        }
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+
+    // Default task(s).
+    grunt.registerTask('default', ['sass:dev']);
+
+    // Development version
+    grunt.registerTask('dev', ['sass:dev', 'watch']);
+
+};
diff --git a/package.json b/package.json
@@ -1,11 +1,14 @@
 {
-  "name": "angualrjs-seed",
-  "description": "A starter project for angular js",
+  "name": "Kite",
+  "description": "Kite is a modern webmail written in angularjs",
   "devDependencies": {
-        "phantomjs" : "*",
-        "karma" : "*",
-        "karma-junit-reporter" : "*",    
-        "karma-jasmine" : "*",
-        "karma-ng-scenario" : "*"
-    }
-}
+    "phantomjs": "*",
+    "karma": "*",
+    "karma-junit-reporter": "*",
+    "karma-jasmine": "*",
+    "karma-ng-scenario": "*",
+    "grunt": "~0.4.1",
+    "grunt-contrib-sass": "~0.5.0",
+    "grunt-contrib-watch": "~0.5.3"
+  }
+}
diff --git a/src/front/app/css/app.css → src/assets/sass/_app.scss b/src/front/app/css/app.css → src/assets/sass/_app.scss
diff --git a/src/front/app/css/bootstrap-theme.css → src/assets/sass/_bootstrap-theme.scss b/src/front/app/css/bootstrap-theme.css → src/assets/sass/_bootstrap-theme.scss
diff --git a/src/front/app/css/bootstrap.css → src/assets/sass/_bootstrap.scss b/src/front/app/css/bootstrap.css → src/assets/sass/_bootstrap.scss
diff --git a/src/front/app/css/navbar.css → src/assets/sass/_navbar.scss b/src/front/app/css/navbar.css → src/assets/sass/_navbar.scss
diff --git a/src/assets/sass/kite.scss b/src/assets/sass/kite.scss
@@ -0,0 +1,4 @@
+@import "bootstrap";
+@import "bootstrap-theme";
+@import "navbar";
+@import "app";
diff --git a/src/front/app/index-async.html b/src/front/app/index-async.html
@@ -42,7 +42,7 @@
     });
   </script>
   <title>My AngularJS App</title>
-  <link rel="stylesheet" href="css/app.css">
+  <link rel="stylesheet" href="css/kite.css">
 </head>
 <body ng-cloak>
   <ul class="menu">

diff --git a/src/front/app/index.html b/src/front/app/index.html
@@ -9,11 +9,8 @@
 
         <title>Kite</title>
 
-        <!-- Bootstrap core CSS -->
-        <link href="css/bootstrap.css" rel="stylesheet">
+        <link href="css/kite.css" rel="stylesheet">
 
-        <!-- custom bootstrap theme -->
-        <link href="css/bootstrap-theme.css" rel="stylesheet">
 
 
         <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->