refactoring of the less infrastructure

www/settings/app-settings.less

@@ -3,17 +3,16 @@
 @import (reference) "../../customize/src/less2/include/creation.less";
 @import (reference) '../../customize/src/less2/include/framework.less';
 
-.framework_min_main(
-    @bg-color: @colortheme_settings-bg,
-    @warn-color: @colortheme_settings-warn,
-    @color: @colortheme_settings-color
-);
-.sidebar-layout_main();
-.limit-bar_main();
-.creation_main();
-
-// body
 &.cp-app-settings {
+    .framework_min_main(
+        @bg-color: @colortheme_settings-bg,
+        @warn-color: @colortheme_settings-warn,
+        @color: @colortheme_settings-color
+    );
+    .sidebar-layout_main();
+    .limit-bar_main();
+    .creation_main();
+
     display: flex;
     flex-flow: column;
     font: @colortheme_app-font;

www/settings/inner.js

@@ -16,7 +16,7 @@ define([
     '/bower_components/file-saver/FileSaver.min.js',
     '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!/settings/app-settings.less',
 ], function (
     $,
     Toolbar,