zent/css/layout.css

一套前端设计语言和基于React的实现

.zent-row:after {
  content: "";
  display: table;
  clear: both;
}

.zent-row {
  zoom: 1;
}

.zent-col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.zent-col-1 {
    width: calc(1 / 24 * 100%);
  }

.zent-col-offset-1 {
    margin-left: calc(1 / 24 * 100%);
  }

.zent-col-2 {
    width: calc(2 / 24 * 100%);
  }

.zent-col-offset-2 {
    margin-left: calc(2 / 24 * 100%);
  }

.zent-col-3 {
    width: calc(3 / 24 * 100%);
  }

.zent-col-offset-3 {
    margin-left: calc(3 / 24 * 100%);
  }

.zent-col-4 {
    width: calc(4 / 24 * 100%);
  }

.zent-col-offset-4 {
    margin-left: calc(4 / 24 * 100%);
  }

.zent-col-5 {
    width: calc(5 / 24 * 100%);
  }

.zent-col-offset-5 {
    margin-left: calc(5 / 24 * 100%);
  }

.zent-col-6 {
    width: calc(6 / 24 * 100%);
  }

.zent-col-offset-6 {
    margin-left: calc(6 / 24 * 100%);
  }

.zent-col-7 {
    width: calc(7 / 24 * 100%);
  }

.zent-col-offset-7 {
    margin-left: calc(7 / 24 * 100%);
  }

.zent-col-8 {
    width: calc(8 / 24 * 100%);
  }

.zent-col-offset-8 {
    margin-left: calc(8 / 24 * 100%);
  }

.zent-col-9 {
    width: calc(9 / 24 * 100%);
  }

.zent-col-offset-9 {
    margin-left: calc(9 / 24 * 100%);
  }

.zent-col-10 {
    width: calc(10 / 24 * 100%);
  }

.zent-col-offset-10 {
    margin-left: calc(10 / 24 * 100%);
  }

.zent-col-11 {
    width: calc(11 / 24 * 100%);
  }

.zent-col-offset-11 {
    margin-left: calc(11 / 24 * 100%);
  }

.zent-col-12 {
    width: calc(12 / 24 * 100%);
  }

.zent-col-offset-12 {
    margin-left: calc(12 / 24 * 100%);
  }

.zent-col-13 {
    width: calc(13 / 24 * 100%);
  }

.zent-col-offset-13 {
    margin-left: calc(13 / 24 * 100%);
  }

.zent-col-14 {
    width: calc(14 / 24 * 100%);
  }

.zent-col-offset-14 {
    margin-left: calc(14 / 24 * 100%);
  }

.zent-col-15 {
    width: calc(15 / 24 * 100%);
  }

.zent-col-offset-15 {
    margin-left: calc(15 / 24 * 100%);
  }

.zent-col-16 {
    width: calc(16 / 24 * 100%);
  }

.zent-col-offset-16 {
    margin-left: calc(16 / 24 * 100%);
  }

.zent-col-17 {
    width: calc(17 / 24 * 100%);
  }

.zent-col-offset-17 {
    margin-left: calc(17 / 24 * 100%);
  }

.zent-col-18 {
    width: calc(18 / 24 * 100%);
  }

.zent-col-offset-18 {
    margin-left: calc(18 / 24 * 100%);
  }

.zent-col-19 {
    width: calc(19 / 24 * 100%);
  }

.zent-col-offset-19 {
    margin-left: calc(19 / 24 * 100%);
  }

.zent-col-20 {
    width: calc(20 / 24 * 100%);
  }

.zent-col-offset-20 {
    margin-left: calc(20 / 24 * 100%);
  }

.zent-col-21 {
    width: calc(21 / 24 * 100%);
  }

.zent-col-offset-21 {
    margin-left: calc(21 / 24 * 100%);
  }

.zent-col-22 {
    width: calc(22 / 24 * 100%);
  }

.zent-col-offset-22 {
    margin-left: calc(22 / 24 * 100%);
  }

.zent-col-23 {
    width: calc(23 / 24 * 100%);
  }

.zent-col-offset-23 {
    margin-left: calc(23 / 24 * 100%);
  }

.zent-col-24 {
    width: calc(24 / 24 * 100%);
  }

.zent-col-offset-24 {
    margin-left: calc(24 / 24 * 100%);
  }