Comments and style change to sass

Gruntfile.js

@@ -40,6 +40,7 @@ module.exports = function(grunt) {
     sass: {
         options: {
           banner: '<%= banner %>',
+          style: 'expanded',
         },
         dist: {
             files: {

lib/sass/base.scss

@@ -89,8 +89,8 @@ html {
   -webkit-text-size-adjust: 100%;
 }
 
-/* Base styles
+// Base styles
--------------------------------------------------- */
+// --------------------------------------------------
 
 body {
   position: fixed;

lib/sass/buttons.scss

@@ -84,8 +84,8 @@ button.button-block {
   width: 100%;
 }
 
-/* Counts in buttons
+// Counts in buttons
--------------------------------------------------- */
+// --------------------------------------------------
 
 // Generic styles for all counts within buttons
 [class*="button"] [class*="count"] {

lib/sass/table-views.scss

@@ -71,14 +71,14 @@
     border-top: 1px solid rgba(0, 0, 0, .1);
     border-bottom: 1px solid rgba(0, 0, 0, .1);
 
-    /* Rounding first divider on inset lists and remove border on the top */
+    // Rounding first divider on inset lists and remove border on the top
     &:first-child {
       top: 0;
       border-top-width: 0;
       border-radius: 6px 6px 0 0;
     }
 
-    /* Rounding last divider on inset table views */
+    // Rounding last divider on inset table views
     &:last-child {
       border-radius: 0 0 6px 6px;
     }