123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @flex-prefix-cls: ~'@{ant-prefix}-flex';
- .@{flex-prefix-cls} {
- display: flex;
- &-vertical {
- flex-direction: column;
- }
- &-justify {
- &-flex-start {
- justify-content: flex-start;
- }
- &-center {
- justify-content: center;
- }
- &-flex-end {
- justify-content: flex-end;
- }
- &-space-between {
- justify-content: space-between;
- }
- &-space-around {
- justify-content: space-around;
- }
- &-space-evenly {
- justify-content: space-evenly;
- }
- &-start {
- justify-content: start;
- }
- &-end {
- justify-content: end;
- }
- &-right {
- justify-content: right;
- }
- &-left {
- justify-content: left;
- }
- &-stretch {
- justify-content: stretch;
- }
- &-normal {
- justify-content: normal;
- }
- }
- &-align {
- &-flex-start {
- align-items: flex-start;
- }
- &-center {
- align-items: center;
- }
- &-flex-end {
- align-items: flex-end;
- }
- &-start {
- align-items: start;
- }
- &-end {
- align-items: end;
- }
- &-stretch {
- align-items: stretch;
- }
- &-normal {
- align-items: normal;
- }
- }
- &-wrap {
- &-wrap {
- flex-wrap: wrap;
- }
- &-nowrap {
- flex-wrap: nowrap;
- }
- &-wrap-reverse {
- flex-wrap: wrap-reverse;
- }
- }
- }
|