refactoring of the less infrastructure

www/profile/app-profile.less

@@ -1,15 +1,15 @@
 @import (reference) '../../customize/src/less2/include/framework.less';
 @import (reference) '../../customize/src/less2/include/sidebar-layout.less';
 
-.framework_min_main(
-    @bg-color: @colortheme_profile-bg,
-    @warn-color: @colortheme_profile-warn,
-    @color: @colortheme_profile-color
-);
-.sidebar-layout_main();
-
-// body
 &.cp-app-profile {
+
+    .framework_min_main(
+        @bg-color: @colortheme_profile-bg,
+        @warn-color: @colortheme_profile-warn,
+        @color: @colortheme_profile-color
+    );
+    .sidebar-layout_main();
+
     display: flex;
     flex-flow: column;
     #cp-app-profile-header {

www/profile/inner.js

@@ -20,7 +20,7 @@ define([
     'css!/bower_components/codemirror/addon/fold/foldgutter.css',
     'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
-    'less!/customize/src/less2/main.less',
+    'less!/profile/app-profile.less',
     '/bower_components/croppie/croppie.min.js',
     'css!/bower_components/croppie/croppie.css',
 ], function (