@insaic/neon/lib/checkbox-group/style/index.css

A Mobile UI Components built on Vue

.sq-checkbox-group-cell, .sq-checkbox-group-cell-between {
  display: block;
}
.sq-checkbox-group-cell .sq-checkbox, .sq-checkbox-group-cell-between .sq-checkbox {
    display: block;
    background-color: #ffffff;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
}
.sq-checkbox-group-cell .sq-checkbox ~ .sq-checkbox, .sq-checkbox-group-cell-between .sq-checkbox ~ .sq-checkbox {
      position: relative;
}
.sq-checkbox-group-cell .sq-checkbox ~ .sq-checkbox::before, .sq-checkbox-group-cell-between .sq-checkbox ~ .sq-checkbox::before {
        content: " ";
        position: absolute;
        left: 16px;
        right: 0;
        height: 1px;
        border: 0 solid #e5e5e5;
        color: #e5e5e5;
        background-color: #e5e5e5;
        -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
            -ms-transform: scaleY(0.5);
                transform: scaleY(0.5);
        z-index: 0;
        top: 0;
        border-top: 1px;
}
.sq-checkbox-group-cell-between .sq-checkbox-wrap {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.sq-checkbox-group-cell-between .sq-checkbox-text {
  margin-left: 0;
}
.sq-checkbox-group-disabled {
  color: #bbb;
}