refactoring of the less infrastructure

www/whiteboard/app-whiteboard.less

@@ -1,14 +1,14 @@
 @import (reference) '../../customize/src/less2/include/tools.less';
 @import (reference) "../../customize/src/less2/include/framework.less";
 
-.framework_main(
-    @bg-color: @colortheme_whiteboard-bg,
-    @warn-color: @colortheme_whiteboard-warn,
-    @color: @colortheme_whiteboard-color
-);
-
-// body
 &.cp-app-whiteboard {
+
+    .framework_main(
+        @bg-color: @colortheme_whiteboard-bg,
+        @warn-color: @colortheme_whiteboard-warn,
+        @color: @colortheme_whiteboard-color
+    );
+
     display: flex;
     flex-flow: column;
     height: 100%;

www/whiteboard/inner.js

@@ -15,6 +15,7 @@ define([
     '/bower_components/chainpad/chainpad.dist.js',
 
     '/bower_components/secure-fabric.js/dist/fabric.min.js',
+    'less!/whiteboard/app-whiteboard.less'
 ], function (
     $,
     Sortify,