index.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @flex-prefix-cls: ~'@{ant-prefix}-flex';
  4. .@{flex-prefix-cls} {
  5. display: flex;
  6. &-vertical {
  7. flex-direction: column;
  8. }
  9. &-justify {
  10. &-flex-start {
  11. justify-content: flex-start;
  12. }
  13. &-center {
  14. justify-content: center;
  15. }
  16. &-flex-end {
  17. justify-content: flex-end;
  18. }
  19. &-space-between {
  20. justify-content: space-between;
  21. }
  22. &-space-around {
  23. justify-content: space-around;
  24. }
  25. &-space-evenly {
  26. justify-content: space-evenly;
  27. }
  28. &-start {
  29. justify-content: start;
  30. }
  31. &-end {
  32. justify-content: end;
  33. }
  34. &-right {
  35. justify-content: right;
  36. }
  37. &-left {
  38. justify-content: left;
  39. }
  40. &-stretch {
  41. justify-content: stretch;
  42. }
  43. &-normal {
  44. justify-content: normal;
  45. }
  46. }
  47. &-align {
  48. &-flex-start {
  49. align-items: flex-start;
  50. }
  51. &-center {
  52. align-items: center;
  53. }
  54. &-flex-end {
  55. align-items: flex-end;
  56. }
  57. &-start {
  58. align-items: start;
  59. }
  60. &-end {
  61. align-items: end;
  62. }
  63. &-stretch {
  64. align-items: stretch;
  65. }
  66. &-normal {
  67. align-items: normal;
  68. }
  69. }
  70. &-wrap {
  71. &-wrap {
  72. flex-wrap: wrap;
  73. }
  74. &-nowrap {
  75. flex-wrap: nowrap;
  76. }
  77. &-wrap-reverse {
  78. flex-wrap: wrap-reverse;
  79. }
  80. }
  81. }