vue-ant-patterns/lib/d-list/style/index.css

vue-ant-patterns

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-list {
  width: 100%;
  display: block;
  font-size: 0;
}
.depot-list.depot-list-col-1 .depot-list-item {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.depot-list.depot-list-col-2 .depot-list-item {
  width: 50%;
}
.depot-list.depot-list-col-2 .depot-list-span-col-2.depot-list-item {
  width: 100%;
}
.depot-list.depot-list-col-3 .depot-list-item {
  width: 33.3333%;
}
.depot-list.depot-list-col-3 .depot-list-span-col-2.depot-list-item {
  width: 66.6666%;
}
.depot-list.depot-list-col-3 .depot-list-span-col-3.depot-list-item {
  width: 100%;
}
.depot-list.depot-list-col-4 .depot-list-item {
  width: 25%;
}
.depot-list.depot-list-col-4 .depot-list-span-col-2.depot-list-item {
  width: 50%;
}
.depot-list.depot-list-col-4 .depot-list-span-col-3.depot-list-item {
  width: 75%;
}
.depot-list.depot-list-col-4 .depot-list-span-col-4.depot-list-item {
  width: 100%;
}
.depot-list .depot-list-item {
  display: inline-block;
  font-size: 14px;
}