Fixed topbar css

Aded InputComponents.js to take care (dynamically create, add events) of input elements.

css/_components.scss

@@ -0,0 +1,56 @@
+.checkbox-holder {
+    position:relative;
+    width:15px;
+    height:15px;
+    display:block;
+
+    .checkbox {
+        display: inline-block;
+        cursor: pointer;
+        padding-right: 1em;
+
+        .box {
+            color: $basetext;
+            background: darken($basecolor, 5%);
+            border: none;
+            padding: 0.5rem;
+            border-radius: 0.5rem;
+            box-sizing: border-box;
+            margin-right: 0.5rem;
+            display: inline-block;
+            vertical-align: middle;
+            border: solid 2px $basecolor;
+            pointer-events: none;
+
+            svg {
+                visibility: hidden;
+                width: 1em;
+                height: 1em;
+                display: block;
+                path {
+                    fill: $basetext;
+                }
+            }
+
+        }
+
+        //checked
+        &.checked .box svg {
+            visibility: visible;
+        }
+
+        label {
+            display: inline-block;
+            pointer-events: none;
+        } //hover label or box
+
+        &:hover:not(.disabled){
+             border-color: $basecolor;
+        }
+
+        &.disabled {
+            cursor: not-allowed;
+            .box svg path {fill: $basetext;}
+        }
+    }
+}

css/_main-menu.scss

@@ -108,6 +108,11 @@ li#editor-info {
 			display:inline;
 			padding-right:20px;
 		}
+
+		.checkbox-holder {
+			display: inline;
+		}
+
 		input {
 			margin-left:10px;
 			background-color:darken($basecolor, 6%);
@@ -122,12 +127,5 @@ li#editor-info {
 			width:25px;
 			height:15px;
 		}
-
-		input[type=checkbox] {
-			padding:1px;
-			width:20px;
-			height:20px;
-			background-color:darken($basecolor, 5%) !important;
-		}
 	}
 }

css/pixel-editor.scss

@@ -2,6 +2,7 @@
 @import 'general';
 @import 'zindex';
 @import 'shake';
+@import 'components';
 @import 'help';
 @import 'layers';
 @import 'canvas';