switch to cleancss

config.py

@@ -14,6 +14,7 @@ class WebConfig(Config):
 		'port',
 		'host',
 		'cookie_secret',
+		'debug',
 	])
 
 class DBConfig(Config):

config.yaml.example

@@ -2,6 +2,7 @@ web:
     port: 8888
     host: 'localhost:8888'
     cookie_secret: 'dis is super sekrit'
+    debug: true
 
 db:
     host: localhost

web/server.py → server.py

@@ -1,19 +1,20 @@
 #!/usr/bin/env python3
 
 import json
-from lesscss import lessc
+import operator
+import os
+
+import cleancss
 import tornado.gen
 import tornado.httpclient
 import tornado.ioloop
 import tornado.web
-import operator
-import os
 
-import config
+from config import web as config
 
 class BaseHandler(tornado.web.RequestHandler):
 	def render(self, *args, **kwargs):
-		kwargs['host'] = config.web.host
+		kwargs['host'] = config.host
 		return super(BaseHandler, self).render(*args, **kwargs)
 
 	def render_string(self, *args, **kwargs):
@@ -36,11 +37,11 @@ class MainHandler(BaseHandler):
 
 class CSSHandler(tornado.web.RequestHandler):
 	def get(self, css_path):
-		css_path = os.path.join(os.path.dirname(__file__), 'static', css_path) + '.less'
+		css_path = os.path.join(os.path.dirname(__file__), 'web', 'static', css_path) + '.ccss'
 		with open(css_path, 'r') as f:
 			self.set_header('Content-Type', 'text/css')
-			css = lessc.compile(f.read())
-			self.write(css)
+			self.write(cleancss.convert(f))
+
 
 if __name__ == '__main__':
 	tornado.web.Application(
@@ -50,8 +51,8 @@ if __name__ == '__main__':
 		],
 		template_path=os.path.join(os.path.dirname(__file__), 'templates'),
 		static_path=os.path.join(os.path.dirname(__file__), 'static'),
-		cookie_secret=config.web.cookie_secret,
-		debug=True,
-	).listen(config.web.port)
-	print('Listening on :%d' % config.web.port)
+		cookie_secret=config.cookie_secret,
+		debug=config.debug,
+	).listen(config.port)
+	print('listening on :%d' % config.port)
 	tornado.ioloop.IOLoop.instance().start()

web/static/css/base.less → web/static/css/base.ccss

@@ -1,37 +1,31 @@
-* {
+*:
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
-}
 
-body {
+body:
 	margin: 0;
 	padding: 0;
 	height: 100%;
 	background: #000;
 	color: #ddd;
 	font-family: sans-serif;
-}
 
-a {
+a:
 	text-decoration: none;
 	color: #dde;
-}
 
-form {
-	input {
+form:
+	input:
 		background: #fff;
 		border: 1px solid #cdd;
 		padding: 5px 10px;
 	}
-}
 
-.clear {
+.clear:
 	clear: both;
-}
 
-#wrapper {
+#wrapper:
 	width: 900px;
 	margin: 50px auto;
 	background: #111;
-}