row.scss 741 B

1234567891011121314151617181920212223242526272829303132333435
  1. @use 'common/var' as *;
  2. @use 'mixins/mixins' as *;
  3. @use 'mixins/utils' as *;
  4. @include b(row) {
  5. display: flex;
  6. flex-wrap: wrap;
  7. position: relative;
  8. box-sizing: border-box;
  9. @include when(justify-center) {
  10. justify-content: center;
  11. }
  12. @include when(justify-end) {
  13. justify-content: flex-end;
  14. }
  15. @include when(justify-space-between) {
  16. justify-content: space-between;
  17. }
  18. @include when(justify-space-around) {
  19. justify-content: space-around;
  20. }
  21. @include when(justify-space-evenly) {
  22. justify-content: space-evenly;
  23. }
  24. @include when(align-top) {
  25. align-items: flex-start;
  26. }
  27. @include when(align-middle) {
  28. align-items: center;
  29. }
  30. @include when(align-bottom) {
  31. align-items: flex-end;
  32. }
  33. }