// 模式
@flex-mode: {
  align: items;
  justify: content;
};

// 方向
@flex-direction: start, end;

.d-flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}

each(@flex-mode, .(@mode-value, @mode-key) {
  each(@flex-direction {
    .@{mode-key}-@{value} {
        @{mode-key}-@{mode-value}: flex-@value;
    }
  })
})
