fix(less): improve less compilation

Author: Marcelo Portugal

packages/core/less/body.less

@@ -1,5 +1,6 @@
 @import (reference) 'variables.less';
 @import (reference) 'elements.less';
+@import (reference) 'header.less';
 
 .ui-grid-render-container {
   position: inherit;

packages/core/less/footer.less

@@ -1,3 +1,6 @@
+@import (reference) 'variables.less';
+@import (reference) 'elements.less';
+
 .ui-grid-footer-info {
   padding: 5px 10px;
 }

packages/core/less/grid.less

@@ -1,3 +1,6 @@
+@import (reference) 'variables.less';
+@import (reference) 'elements.less';
+
 .ui-grid {
   border: @gridBorderWidth solid @borderColor;
   box-sizing: content-box; // If bootstrap (or another included library) makes the default sizing on element "border-box", then calculations get messed up

packages/core/less/header.less

@@ -1,3 +1,5 @@
+@import (reference) 'variables.less';
+@import (reference) 'elements.less';
 
 .ui-grid-top-panel-background {
   background-color: @headerBackgroundColor;

packages/core/less/icons.less

@@ -1,3 +1,5 @@
+@import (reference) 'variables.less';
+
 @font-face {
   font-family: 'ui-grid';
   src: url('@{font-path}ui-grid.eot');

packages/core/less/menu.less

@@ -1,3 +1,6 @@
+@import (reference) 'variables.less';
+@import (reference) 'elements.less';
+
 .ui-grid-menu-button {
   z-index: 2;
   position: absolute;

packages/core/less/rtl.less

@@ -1,3 +1,5 @@
+@import (reference) 'variables.less';
+
 /*
 * RTL Styles
 */

packages/core/less/sorting.less

@@ -1,3 +1,5 @@
+@import (reference) 'elements.less';
+
 @sortArrowWidth: 20px;
 
 .ui-grid-sortarrow {