fix(check-box): style variable

components/_style/mixin/theme.styl

@@ -150,6 +150,7 @@ checklist-tap-color = color-primary-tap
 checkbox-color = color-text-base
 checkbox-font-size = 32px
 checkbox-space = 8px
+checkbox-container-space = -8px
 checkbox-disabled-opacity = opacity-disabled
 checkbox-tap-color = #3ca0e6
 checkbox-bg-tap-color = rgba(#3ca0e6, 0.05)

components/_style/mixin/theme.variable.styl

@@ -309,6 +309,20 @@ cashier-choose-channel-icon-color = var(--cashier-choose-channel-icon-color)
 cashier-choose-more-font-size = var(--cashier-choose-more-font-size)
 cashier-choose-more-color = var(--cashier-choose-more-color)
 
+// checklist
+checklist-tap-color = var(--checklist-tap-color)
+
+// checkbox
+checkbox-color = var(--checkbox-color)
+checkbox-font-size = var(--checkbox-font-size)
+checkbox-space = var(--checkbox-space)
+checkbox-container-space = var(--checkbox-container-space)
+checkbox-disabled-opacity = var(--checkbox-disabled-opacity)
+checkbox-tap-color = var(--checkbox-tap-color)
+checkbox-bg-tap-color = var(--checkbox-bg-tap-color)
+checkbox-border-color = var(--checkbox-border-color)
+checkbox-border-radius = var(--checkbox-border-radius)
+
 /*
  * global color
  */

components/check-box/index.vue

@@ -81,8 +81,8 @@ export default {
 .md-check-box
   display flex
   flex-wrap wrap
-  margin-left 0 - checkbox-space
-  margin-right 0 - checkbox-space
+  margin-left checkbox-container-space
+  margin-right checkbox-container-space
   &.is-2col .md-check-box-col
     flex 0 0 50%
     width 50%