checkbox component

2017-03-01 11:15:15 +08:00
parent 38d6771e72
commit e0be5b962e
14 changed files with 283 additions and 26 deletions
@@ -0,0 +1,44 @@
+@import "./common/var.css";
+
+@component-namespace zan {
+  @b checkbox {
+    @when disabled {
+      .zan-icon {
+        color: #d1dbe5;
+      }
+    }
+
+    @e input {
+      position: relative;
+      height: 22px;
+      margin-right: 15px;
+    }
+
+    @e control {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 22px;
+      height: 22px;
+      opacity: 0;
+      margin: 0;
+    }
+
+    @e label {
+      line-height: 22px;
+    }
+
+    .zan-icon {
+      font-size: 22px;
+      line-height: 1;
+    }
+
+    .zan-icon-checked {
+      color: $c-green;
+    }
+
+    .zan-icon-check {
+      color: $c-gray-dark;
+    }
+  }
+}