row.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. @use "sass:list";
  2. @use '../helpers/baseVar.scss' as base_var;
  3. .vxe-row {
  4. position: relative;
  5. display: flex;
  6. flex-direction: row;
  7. flex-grow: 1;
  8. &.is--vertical {
  9. flex-direction: column;
  10. }
  11. &.is--wrap {
  12. flex-wrap: wrap;
  13. }
  14. }
  15. .vxe-col {
  16. display: block;
  17. &.is--ellipsis {
  18. overflow: hidden;
  19. text-overflow: ellipsis;
  20. white-space: nowrap;
  21. }
  22. &.is--fill {
  23. flex-grow: 1;
  24. }
  25. &:not(.is--fill) {
  26. flex-shrink: 0;
  27. }
  28. &.align--left {
  29. text-align: left;
  30. }
  31. &.align--center {
  32. text-align: center;
  33. }
  34. &.align--right {
  35. text-align: right;
  36. }
  37. @for $i from 0 to list.length(base_var.$colSpanList) {
  38. &.span#{$i + 1} {
  39. width: list.nth(base_var.$colSpanList, $i + 1);
  40. }
  41. }
  42. }
  43. .vxe-col--inner {
  44. display: flex;
  45. flex-direction: column;
  46. width: 100%;
  47. }
  48. .vxe-col {
  49. &.is--span,
  50. &.is--width {
  51. & > .vxe-col--inner {
  52. & > .vxe-default-textarea,
  53. & > .vxe-default-select,
  54. & > .vxe-input,
  55. & > .vxe-number-input,
  56. & > .vxe-password-input,
  57. & > .vxe-date-picker,
  58. & > .vxe-textarea,
  59. & > .vxe-select,
  60. & > .vxe-tree-select,
  61. & > .vxe-table-select,
  62. & > .vxe-ico-picker {
  63. width: 100%;
  64. }
  65. }
  66. }
  67. }