row.scss 606 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .cl-row {
  2. position: relative;
  3. box-sizing: border-box;
  4. &::after,
  5. &::before {
  6. content: "";
  7. display: table;
  8. }
  9. &::after {
  10. clear: both;
  11. }
  12. &--flex {
  13. display: flex;
  14. &::after,
  15. &::before {
  16. display: none;
  17. }
  18. }
  19. &.is-justify-center {
  20. justify-content: center;
  21. }
  22. &.is-justify-end {
  23. justify-content: flex-end;
  24. }
  25. &.is-justify-space-between {
  26. justify-content: space-between;
  27. }
  28. &.is-justify-space-around {
  29. justify-content: space-around;
  30. }
  31. &.is-align-middle {
  32. align-items: center;
  33. }
  34. &.is-align-bottom {
  35. align-items: flex-end;
  36. }
  37. &.is-wrap {
  38. flex-wrap: wrap;
  39. }
  40. }