add retina logo

css/common/common.less

@@ -49,10 +49,14 @@ body, html {
     top: 0;
 
     >.logo {
+        float: left;
         width: 180px;
         height: 50px;
-        background: url(./img/logo.png) no-repeat;
+        background-color: #fff;
-        float: left;
+        background-position: center;
+        background-image: url(./img/logo@1x.png);
+        background-image: -webkit-image-set(url(./img/logo@1x.png) 1x, url(./img/logo@2x.png) 2x);
+        background-repeat: no-repeat;
     }
 
     >.action-groups {
@@ -148,7 +152,7 @@ body, html {
         background: rgba(112, 119, 128, 1);
         margin-top: -40px;
     }
-    
+
     .close-editor {
         position: absolute;
         right: 0;

demo/css/editor.css

@@ -139,6 +139,12 @@ a:hover {
 .i-tangencyshapes:before {
   content: '\e027';
 }
+.i-rangemode:before {
+  content: '\e029';
+}
+.i-pointmode:before {
+  content: '\e028';
+}
 .glyf-editor {
   width: 100%;
   height: 100%;