yukaka/dist/row.test.css

这是一个UI框架

.row[data-v-dc8212] {
  display: flex;
  flex-wrap: wrap;
}
.row.align-left[data-v-dc8212] {
  justify-content: flex-start;
}
.row.align-right[data-v-dc8212] {
  justify-content: flex-end;
}
.row.align-center[data-v-dc8212] {
  justify-content: center;
}
.col.col-1[data-v-6877db] {
  width: 4.1666666667%;
}
.col.col-2[data-v-6877db] {
  width: 8.3333333333%;
}
.col.col-3[data-v-6877db] {
  width: 12.5%;
}
.col.col-4[data-v-6877db] {
  width: 16.6666666667%;
}
.col.col-5[data-v-6877db] {
  width: 20.8333333333%;
}
.col.col-6[data-v-6877db] {
  width: 25%;
}
.col.col-7[data-v-6877db] {
  width: 29.1666666667%;
}
.col.col-8[data-v-6877db] {
  width: 33.3333333333%;
}
.col.col-9[data-v-6877db] {
  width: 37.5%;
}
.col.col-10[data-v-6877db] {
  width: 41.6666666667%;
}
.col.col-11[data-v-6877db] {
  width: 45.8333333333%;
}
.col.col-12[data-v-6877db] {
  width: 50%;
}
.col.col-13[data-v-6877db] {
  width: 54.1666666667%;
}
.col.col-14[data-v-6877db] {
  width: 58.3333333333%;
}
.col.col-15[data-v-6877db] {
  width: 62.5%;
}
.col.col-16[data-v-6877db] {
  width: 66.6666666667%;
}
.col.col-17[data-v-6877db] {
  width: 70.8333333333%;
}
.col.col-18[data-v-6877db] {
  width: 75%;
}
.col.col-19[data-v-6877db] {
  width: 79.1666666667%;
}
.col.col-20[data-v-6877db] {
  width: 83.3333333333%;
}
.col.col-21[data-v-6877db] {
  width: 87.5%;
}
.col.col-22[data-v-6877db] {
  width: 91.6666666667%;
}
.col.col-23[data-v-6877db] {
  width: 95.8333333333%;
}
.col.col-24[data-v-6877db] {
  width: 100%;
}
.col.offset-1[data-v-6877db] {
  margin-left: 4.1666666667%;
}
.col.offset-2[data-v-6877db] {
  margin-left: 8.3333333333%;
}
.col.offset-3[data-v-6877db] {
  margin-left: 12.5%;
}
.col.offset-4[data-v-6877db] {
  margin-left: 16.6666666667%;
}
.col.offset-5[data-v-6877db] {
  margin-left: 20.8333333333%;
}
.col.offset-6[data-v-6877db] {
  margin-left: 25%;
}
.col.offset-7[data-v-6877db] {
  margin-left: 29.1666666667%;
}
.col.offset-8[data-v-6877db] {
  margin-left: 33.3333333333%;
}
.col.offset-9[data-v-6877db] {
  margin-left: 37.5%;
}
.col.offset-10[data-v-6877db] {
  margin-left: 41.6666666667%;
}
.col.offset-11[data-v-6877db] {
  margin-left: 45.8333333333%;
}
.col.offset-12[data-v-6877db] {
  margin-left: 50%;
}
.col.offset-13[data-v-6877db] {
  margin-left: 54.1666666667%;
}
.col.offset-14[data-v-6877db] {
  margin-left: 58.3333333333%;
}
.col.offset-15[data-v-6877db] {
  margin-left: 62.5%;
}
.col.offset-16[data-v-6877db] {
  margin-left: 66.6666666667%;
}
.col.offset-17[data-v-6877db] {
  margin-left: 70.8333333333%;
}
.col.offset-18[data-v-6877db] {
  margin-left: 75%;
}
.col.offset-19[data-v-6877db] {
  margin-left: 79.1666666667%;
}
.col.offset-20[data-v-6877db] {
  margin-left: 83.3333333333%;
}
.col.offset-21[data-v-6877db] {
  margin-left: 87.5%;
}
.col.offset-22[data-v-6877db] {
  margin-left: 91.6666666667%;
}
.col.offset-23[data-v-6877db] {
  margin-left: 95.8333333333%;
}
.col.offset-24[data-v-6877db] {
  margin-left: 100%;
}
@media (min-width: 577px) {
.col.col-ipad-1[data-v-6877db] {
    width: 4.1666666667%;
}
.col.col-ipad-2[data-v-6877db] {
    width: 8.3333333333%;
}
.col.col-ipad-3[data-v-6877db] {
    width: 12.5%;
}
.col.col-ipad-4[data-v-6877db] {
    width: 16.6666666667%;
}
.col.col-ipad-5[data-v-6877db] {
    width: 20.8333333333%;
}
.col.col-ipad-6[data-v-6877db] {
    width: 25%;
}
.col.col-ipad-7[data-v-6877db] {
    width: 29.1666666667%;
}
.col.col-ipad-8[data-v-6877db] {
    width: 33.3333333333%;
}
.col.col-ipad-9[data-v-6877db] {
    width: 37.5%;
}
.col.col-ipad-10[data-v-6877db] {
    width: 41.6666666667%;
}
.col.col-ipad-11[data-v-6877db] {
    width: 45.8333333333%;
}
.col.col-ipad-12[data-v-6877db] {
    width: 50%;
}
.col.col-ipad-13[data-v-6877db] {
    width: 54.1666666667%;
}
.col.col-ipad-14[data-v-6877db] {
    width: 58.3333333333%;
}
.col.col-ipad-15[data-v-6877db] {
    width: 62.5%;
}
.col.col-ipad-16[data-v-6877db] {
    width: 66.6666666667%;
}
.col.col-ipad-17[data-v-6877db] {
    width: 70.8333333333%;
}
.col.col-ipad-18[data-v-6877db] {
    width: 75%;
}
.col.col-ipad-19[data-v-6877db] {
    width: 79.1666666667%;
}
.col.col-ipad-20[data-v-6877db] {
    width: 83.3333333333%;
}
.col.col-ipad-21[data-v-6877db] {
    width: 87.5%;
}
.col.col-ipad-22[data-v-6877db] {
    width: 91.6666666667%;
}
.col.col-ipad-23[data-v-6877db] {
    width: 95.8333333333%;
}
.col.col-ipad-24[data-v-6877db] {
    width: 100%;
}
.col.offset-ipad-1[data-v-6877db] {
    margin-left: 4.1666666667%;
}
.col.offset-ipad-2[data-v-6877db] {
    margin-left: 8.3333333333%;
}
.col.offset-ipad-3[data-v-6877db] {
    margin-left: 12.5%;
}
.col.offset-ipad-4[data-v-6877db] {
    margin-left: 16.6666666667%;
}
.col.offset-ipad-5[data-v-6877db] {
    margin-left: 20.8333333333%;
}
.col.offset-ipad-6[data-v-6877db] {
    margin-left: 25%;
}
.col.offset-ipad-7[data-v-6877db] {
    margin-left: 29.1666666667%;
}
.col.offset-ipad-8[data-v-6877db] {
    margin-left: 33.3333333333%;
}
.col.offset-ipad-9[data-v-6877db] {
    margin-left: 37.5%;
}
.col.offset-ipad-10[data-v-6877db] {
    margin-left: 41.6666666667%;
}
.col.offset-ipad-11[data-v-6877db] {
    margin-left: 45.8333333333%;
}
.col.offset-ipad-12[data-v-6877db] {
    margin-left: 50%;
}
.col.offset-ipad-13[data-v-6877db] {
    margin-left: 54.1666666667%;
}
.col.offset-ipad-14[data-v-6877db] {
    margin-left: 58.3333333333%;
}
.col.offset-ipad-15[data-v-6877db] {
    margin-left: 62.5%;
}
.col.offset-ipad-16[data-v-6877db] {
    margin-left: 66.6666666667%;
}
.col.offset-ipad-17[data-v-6877db] {
    margin-left: 70.8333333333%;
}
.col.offset-ipad-18[data-v-6877db] {
    margin-left: 75%;
}
.col.offset-ipad-19[data-v-6877db] {
    margin-left: 79.1666666667%;
}
.col.offset-ipad-20[data-v-6877db] {
    margin-left: 83.3333333333%;
}
.col.offset-ipad-21[data-v-6877db] {
    margin-left: 87.5%;
}
.col.offset-ipad-22[data-v-6877db] {
    margin-left: 91.6666666667%;
}
.col.offset-ipad-23[data-v-6877db] {
    margin-left: 95.8333333333%;
}
.col.offset-ipad-24[data-v-6877db] {
    margin-left: 100%;
}
}
@media (min-width: 769px) {
.col.col-narrow-pc-1[data-v-6877db] {
    width: 4.1666666667%;
}
.col.col-narrow-pc-2[data-v-6877db] {
    width: 8.3333333333%;
}
.col.col-narrow-pc-3[data-v-6877db] {
    width: 12.5%;
}
.col.col-narrow-pc-4[data-v-6877db] {
    width: 16.6666666667%;
}
.col.col-narrow-pc-5[data-v-6877db] {
    width: 20.8333333333%;
}
.col.col-narrow-pc-6[data-v-6877db] {
    width: 25%;
}
.col.col-narrow-pc-7[data-v-6877db] {
    width: 29.1666666667%;
}
.col.col-narrow-pc-8[data-v-6877db] {
    width: 33.3333333333%;
}
.col.col-narrow-pc-9[data-v-6877db] {
    width: 37.5%;
}
.col.col-narrow-pc-10[data-v-6877db] {
    width: 41.6666666667%;
}
.col.col-narrow-pc-11[data-v-6877db] {
    width: 45.8333333333%;
}
.col.col-narrow-pc-12[data-v-6877db] {
    width: 50%;
}
.col.col-narrow-pc-13[data-v-6877db] {
    width: 54.1666666667%;
}
.col.col-narrow-pc-14[data-v-6877db] {
    width: 58.3333333333%;
}
.col.col-narrow-pc-15[data-v-6877db] {
    width: 62.5%;
}
.col.col-narrow-pc-16[data-v-6877db] {
    width: 66.6666666667%;
}
.col.col-narrow-pc-17[data-v-6877db] {
    width: 70.8333333333%;
}
.col.col-narrow-pc-18[data-v-6877db] {
    width: 75%;
}
.col.col-narrow-pc-19[data-v-6877db] {
    width: 79.1666666667%;
}
.col.col-narrow-pc-20[data-v-6877db] {
    width: 83.3333333333%;
}
.col.col-narrow-pc-21[data-v-6877db] {
    width: 87.5%;
}
.col.col-narrow-pc-22[data-v-6877db] {
    width: 91.6666666667%;
}
.col.col-narrow-pc-23[data-v-6877db] {
    width: 95.8333333333%;
}
.col.col-narrow-pc-24[data-v-6877db] {
    width: 100%;
}
.col.offset-narrow-pc-1[data-v-6877db] {
    margin-left: 4.1666666667%;
}
.col.offset-narrow-pc-2[data-v-6877db] {
    margin-left: 8.3333333333%;
}
.col.offset-narrow-pc-3[data-v-6877db] {
    margin-left: 12.5%;
}
.col.offset-narrow-pc-4[data-v-6877db] {
    margin-left: 16.6666666667%;
}
.col.offset-narrow-pc-5[data-v-6877db] {
    margin-left: 20.8333333333%;
}
.col.offset-narrow-pc-6[data-v-6877db] {
    margin-left: 25%;
}
.col.offset-narrow-pc-7[data-v-6877db] {
    margin-left: 29.1666666667%;
}
.col.offset-narrow-pc-8[data-v-6877db] {
    margin-left: 33.3333333333%;
}
.col.offset-narrow-pc-9[data-v-6877db] {
    margin-left: 37.5%;
}
.col.offset-narrow-pc-10[data-v-6877db] {
    margin-left: 41.6666666667%;
}
.col.offset-narrow-pc-11[data-v-6877db] {
    margin-left: 45.8333333333%;
}
.col.offset-narrow-pc-12[data-v-6877db] {
    margin-left: 50%;
}
.col.offset-narrow-pc-13[data-v-6877db] {
    margin-left: 54.1666666667%;
}
.col.offset-narrow-pc-14[data-v-6877db] {
    margin-left: 58.3333333333%;
}
.col.offset-narrow-pc-15[data-v-6877db] {
    margin-left: 62.5%;
}
.col.offset-narrow-pc-16[data-v-6877db] {
    margin-left: 66.6666666667%;
}
.col.offset-narrow-pc-17[data-v-6877db] {
    margin-left: 70.8333333333%;
}
.col.offset-narrow-pc-18[data-v-6877db] {
    margin-left: 75%;
}
.col.offset-narrow-pc-19[data-v-6877db] {
    margin-left: 79.1666666667%;
}
.col.offset-narrow-pc-20[data-v-6877db] {
    margin-left: 83.3333333333%;
}
.col.offset-narrow-pc-21[data-v-6877db] {
    margin-left: 87.5%;
}
.col.offset-narrow-pc-22[data-v-6877db] {
    margin-left: 91.6666666667%;
}
.col.offset-narrow-pc-23[data-v-6877db] {
    margin-left: 95.8333333333%;
}
.col.offset-narrow-pc-24[data-v-6877db] {
    margin-left: 100%;
}
}
@media (min-width: 993px) {
.col.col-pc-1[data-v-6877db] {
    width: 4.1666666667%;
}
.col.col-pc-2[data-v-6877db] {
    width: 8.3333333333%;
}
.col.col-pc-3[data-v-6877db] {
    width: 12.5%;
}
.col.col-pc-4[data-v-6877db] {
    width: 16.6666666667%;
}
.col.col-pc-5[data-v-6877db] {
    width: 20.8333333333%;
}
.col.col-pc-6[data-v-6877db] {
    width: 25%;
}
.col.col-pc-7[data-v-6877db] {
    width: 29.1666666667%;
}
.col.col-pc-8[data-v-6877db] {
    width: 33.3333333333%;
}
.col.col-pc-9[data-v-6877db] {
    width: 37.5%;
}
.col.col-pc-10[data-v-6877db] {
    width: 41.6666666667%;
}
.col.col-pc-11[data-v-6877db] {
    width: 45.8333333333%;
}
.col.col-pc-12[data-v-6877db] {
    width: 50%;
}
.col.col-pc-13[data-v-6877db] {
    width: 54.1666666667%;
}
.col.col-pc-14[data-v-6877db] {
    width: 58.3333333333%;
}
.col.col-pc-15[data-v-6877db] {
    width: 62.5%;
}
.col.col-pc-16[data-v-6877db] {
    width: 66.6666666667%;
}
.col.col-pc-17[data-v-6877db] {
    width: 70.8333333333%;
}
.col.col-pc-18[data-v-6877db] {
    width: 75%;
}
.col.col-pc-19[data-v-6877db] {
    width: 79.1666666667%;
}
.col.col-pc-20[data-v-6877db] {
    width: 83.3333333333%;
}
.col.col-pc-21[data-v-6877db] {
    width: 87.5%;
}
.col.col-pc-22[data-v-6877db] {
    width: 91.6666666667%;
}
.col.col-pc-23[data-v-6877db] {
    width: 95.8333333333%;
}
.col.col-pc-24[data-v-6877db] {
    width: 100%;
}
.col.offset-pc-1[data-v-6877db] {
    margin-left: 4.1666666667%;
}
.col.offset-pc-2[data-v-6877db] {
    margin-left: 8.3333333333%;
}
.col.offset-pc-3[data-v-6877db] {
    margin-left: 12.5%;
}
.col.offset-pc-4[data-v-6877db] {
    margin-left: 16.6666666667%;
}
.col.offset-pc-5[data-v-6877db] {
    margin-left: 20.8333333333%;
}
.col.offset-pc-6[data-v-6877db] {
    margin-left: 25%;
}
.col.offset-pc-7[data-v-6877db] {
    margin-left: 29.1666666667%;
}
.col.offset-pc-8[data-v-6877db] {
    margin-left: 33.3333333333%;
}
.col.offset-pc-9[data-v-6877db] {
    margin-left: 37.5%;
}
.col.offset-pc-10[data-v-6877db] {
    margin-left: 41.6666666667%;
}
.col.offset-pc-11[data-v-6877db] {
    margin-left: 45.8333333333%;
}
.col.offset-pc-12[data-v-6877db] {
    margin-left: 50%;
}
.col.offset-pc-13[data-v-6877db] {
    margin-left: 54.1666666667%;
}
.col.offset-pc-14[data-v-6877db] {
    margin-left: 58.3333333333%;
}
.col.offset-pc-15[data-v-6877db] {
    margin-left: 62.5%;
}
.col.offset-pc-16[data-v-6877db] {
    margin-left: 66.6666666667%;
}
.col.offset-pc-17[data-v-6877db] {
    margin-left: 70.8333333333%;
}
.col.offset-pc-18[data-v-6877db] {
    margin-left: 75%;
}
.col.offset-pc-19[data-v-6877db] {
    margin-left: 79.1666666667%;
}
.col.offset-pc-20[data-v-6877db] {
    margin-left: 83.3333333333%;
}
.col.offset-pc-21[data-v-6877db] {
    margin-left: 87.5%;
}
.col.offset-pc-22[data-v-6877db] {
    margin-left: 91.6666666667%;
}
.col.offset-pc-23[data-v-6877db] {
    margin-left: 95.8333333333%;
}
.col.offset-pc-24[data-v-6877db] {
    margin-left: 100%;
}
}
@media (min-width: 1201px) {
.col.col-wide-pc-1[data-v-6877db] {
    width: 4.1666666667%;
}
.col.col-wide-pc-2[data-v-6877db] {
    width: 8.3333333333%;
}
.col.col-wide-pc-3[data-v-6877db] {
    width: 12.5%;
}
.col.col-wide-pc-4[data-v-6877db] {
    width: 16.6666666667%;
}
.col.col-wide-pc-5[data-v-6877db] {
    width: 20.8333333333%;
}
.col.col-wide-pc-6[data-v-6877db] {
    width: 25%;
}
.col.col-wide-pc-7[data-v-6877db] {
    width: 29.1666666667%;
}
.col.col-wide-pc-8[data-v-6877db] {
    width: 33.3333333333%;
}
.col.col-wide-pc-9[data-v-6877db] {
    width: 37.5%;
}
.col.col-wide-pc-10[data-v-6877db] {
    width: 41.6666666667%;
}
.col.col-wide-pc-11[data-v-6877db] {
    width: 45.8333333333%;
}
.col.col-wide-pc-12[data-v-6877db] {
    width: 50%;
}
.col.col-wide-pc-13[data-v-6877db] {
    width: 54.1666666667%;
}
.col.col-wide-pc-14[data-v-6877db] {
    width: 58.3333333333%;
}
.col.col-wide-pc-15[data-v-6877db] {
    width: 62.5%;
}
.col.col-wide-pc-16[data-v-6877db] {
    width: 66.6666666667%;
}
.col.col-wide-pc-17[data-v-6877db] {
    width: 70.8333333333%;
}
.col.col-wide-pc-18[data-v-6877db] {
    width: 75%;
}
.col.col-wide-pc-19[data-v-6877db] {
    width: 79.1666666667%;
}
.col.col-wide-pc-20[data-v-6877db] {
    width: 83.3333333333%;
}
.col.col-wide-pc-21[data-v-6877db] {
    width: 87.5%;
}
.col.col-wide-pc-22[data-v-6877db] {
    width: 91.6666666667%;
}
.col.col-wide-pc-23[data-v-6877db] {
    width: 95.8333333333%;
}
.col.col-wide-pc-24[data-v-6877db] {
    width: 100%;
}
.col.offset-wide-pc-1[data-v-6877db] {
    margin-left: 4.1666666667%;
}
.col.offset-wide-pc-2[data-v-6877db] {
    margin-left: 8.3333333333%;
}
.col.offset-wide-pc-3[data-v-6877db] {
    margin-left: 12.5%;
}
.col.offset-wide-pc-4[data-v-6877db] {
    margin-left: 16.6666666667%;
}
.col.offset-wide-pc-5[data-v-6877db] {
    margin-left: 20.8333333333%;
}
.col.offset-wide-pc-6[data-v-6877db] {
    margin-left: 25%;
}
.col.offset-wide-pc-7[data-v-6877db] {
    margin-left: 29.1666666667%;
}
.col.offset-wide-pc-8[data-v-6877db] {
    margin-left: 33.3333333333%;
}
.col.offset-wide-pc-9[data-v-6877db] {
    margin-left: 37.5%;
}
.col.offset-wide-pc-10[data-v-6877db] {
    margin-left: 41.6666666667%;
}
.col.offset-wide-pc-11[data-v-6877db] {
    margin-left: 45.8333333333%;
}
.col.offset-wide-pc-12[data-v-6877db] {
    margin-left: 50%;
}
.col.offset-wide-pc-13[data-v-6877db] {
    margin-left: 54.1666666667%;
}
.col.offset-wide-pc-14[data-v-6877db] {
    margin-left: 58.3333333333%;
}
.col.offset-wide-pc-15[data-v-6877db] {
    margin-left: 62.5%;
}
.col.offset-wide-pc-16[data-v-6877db] {
    margin-left: 66.6666666667%;
}
.col.offset-wide-pc-17[data-v-6877db] {
    margin-left: 70.8333333333%;
}
.col.offset-wide-pc-18[data-v-6877db] {
    margin-left: 75%;
}
.col.offset-wide-pc-19[data-v-6877db] {
    margin-left: 79.1666666667%;
}
.col.offset-wide-pc-20[data-v-6877db] {
    margin-left: 83.3333333333%;
}
.col.offset-wide-pc-21[data-v-6877db] {
    margin-left: 87.5%;
}
.col.offset-wide-pc-22[data-v-6877db] {
    margin-left: 91.6666666667%;
}
.col.offset-wide-pc-23[data-v-6877db] {
    margin-left: 95.8333333333%;
}
.col.offset-wide-pc-24[data-v-6877db] {
    margin-left: 100%;
}
}