Grunt build now supports package CSS

Up until now we were just using LESS to compile our styles, however in
many cases this is either unecessary (because the library includes a
CSS file already) or impossible (because a third-party library ONLY
includes CSS). In order to support a library's plain-css includes,
I've used font-awesome as a demo library to show how compiling plain
CSS would work. Bootstrap remains a LESS include, since we're using
variables to customize it.

- Added CSS compile block to index.html including font-awesome.css
- Removed font-awesome from LESS compile.

Change-Id: I52af102e139628bb8ff71a7e2f4ae413708ceb6e

Gruntfile.js

@@ -144,8 +144,7 @@ module.exports = function (grunt) {
                         mainPath,
                         dir.theme + '/custom/',
                         dir.theme + '/storyboard/',
-                        dir.bower + '/bootstrap/less/',
-                        dir.bower + '/font-awesome/less/'
+                        dir.bower + '/bootstrap/less/'
                     ];
                 },
                 cleancss: true,

src/index.html

@@ -42,6 +42,10 @@
 
     <link rel="stylesheet" href="styles/main.css">
 
+    <!-- build:css(bower_components) styles/libs.css -->
+    <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
+    <!-- endbuild -->
+
     <script src="js/storyboard.js"></script>
     <script src="js/templates.js"></script>
 </head>

src/theme/main.less

@@ -22,7 +22,6 @@
  */
 // Library inclusions
 @import './bootstrap.less';
-@import './font-awesome.less';
 // Theme
 @import './theme.less';
 // Addons to the bootstrap theme.