@opensig/opendesign

Version:

<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>

24 lines (20 loc) • 435 B

CSS

View Raw

.o-checkbox-group-h {
  --checkbox-group-gap: 24px;
}

.o-checkbox-group-v {
  --checkbox-group-gap: 16px;
}

.o-checkbox-group {
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: middle;
}

.o-checkbox-group-h .o-checkbox + .o-checkbox {
  margin-left: var(--checkbox-group-gap);
}

.o-checkbox-group-v {
  flex-direction: column;
}
.o-checkbox-group-v .o-checkbox + .o-checkbox {
  margin-top: var(--checkbox-group-gap);
}