row.scss 724 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @import "common/var";
  2. @import "mixins/mixins";
  3. @import "mixins/utils";
  4. @include b(row) {
  5. position: relative;
  6. box-sizing: border-box;
  7. @include utils-clearfix;
  8. @include m(flex) {
  9. display: flex;
  10. &:before,
  11. &:after {
  12. display: none;
  13. }
  14. @include when(justify-center) {
  15. justify-content: center;
  16. }
  17. @include when(justify-end) {
  18. justify-content: flex-end;
  19. }
  20. @include when(justify-space-between) {
  21. justify-content: space-between;
  22. }
  23. @include when(justify-space-around) {
  24. justify-content: space-around;
  25. }
  26. @include when(align-middle) {
  27. align-items: center;
  28. }
  29. @include when(align-bottom) {
  30. align-items: flex-end;
  31. }
  32. }
  33. }