compile less clientside. remove compiled css

www/settings/main.css

@@ -1,32 +0,0 @@
-.cp input[type="text"] {
-  padding-left: 10px;
-}
-.cp #mainBlock {
-  z-index: 1;
-  width: 1000px;
-  max-width: 90%;
-  margin: auto;
-}
-.cp #mainBlock #container .infoBlock {
-  padding: 15px;
-  border: 1px solid #555;
-  background: #cccccc;
-}
-.cp #mainBlock #container .infoBlock .label {
-  font-weight: bold;
-  text-decoration: underline;
-  margin-right: 5px;
-}
-.cp #mainBlock #container .displayName input,
-.cp #mainBlock #container .displayName button {
-  vertical-align: middle;
-}
-.cp #mainBlock #container .backupDrive button {
-  margin-right: 5px;
-}
-.cp #mainBlock #container .backupDrive button span.fa {
-  margin-right: 5px;
-}
-.cp #mainBlock #container > div {
-  margin: 10px 0;
-}

www/settings/main.js

@@ -6,13 +6,15 @@ define([
     '/bower_components/file-saver/FileSaver.min.js',
     '/customize/header.js',
 
-    'css!/customize/main.css',
+    'less!/customize/src/less/cryptpad.less',
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
-    'css!/settings/main.css',
+    'less!/settings/main.less',
 ], function ($, Cryptpad, Crypt, Merge) {
     var saveAs = window.saveAs;
 
+    console.log("wut");
+
     var USERNAME_KEY = 'cryptpad.username';
 
     var APP = window.APP = {

www/settings/main.less

@@ -1,4 +1,4 @@
-@import '../../customize.dist/src/less/variables.less';
+@import '/customize/src/less/variables.less';
 
 @border: 1px solid #555;