init

assets/styles/components/_checkbox.scss

@@ -0,0 +1,39 @@
+.b-checkbox {
+  &.checkbox {
+    input[type=checkbox] {
+      + .check {
+        border-radius: 2px;
+        border: 1px solid $primary;
+        position: relative;
+        width: 1.5rem;
+        height: 1.5rem;
+
+        &:before {
+          content: '';
+          display: flex;
+          position: absolute;
+          left: 50%;
+          margin-left: calc(-1.5rem/2);
+          bottom: 50%;
+          margin-bottom: calc(-1.5rem/2);
+          width: 1.5rem;
+          height: 1.5rem;
+          transition: transform .15s ease-out;
+          transform: scale(0);
+          background-color: $primary;
+          border-radius: 1px;
+        }
+      }
+      &:checked + .check {
+        background: none;
+
+        &:before {
+          transform: scale(.4);
+        }
+      }
+    }
+    .control-label {
+      padding-left: 0.75rem;
+    }
+  }
+}