row.scss 715 B

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