column.scss 416 B

1234567891011121314151617181920212223242526272829
  1. .cl-column {
  2. display: flex;
  3. flex-direction: column;
  4. position: relative;
  5. &.is-justify-center {
  6. justify-content: center;
  7. }
  8. &.is-justify-end {
  9. justify-content: flex-end;
  10. }
  11. &.is-justify-space-between {
  12. justify-content: space-between;
  13. }
  14. &.is-justify-space-around {
  15. justify-content: space-around;
  16. }
  17. &.is-align-middle {
  18. align-items: center;
  19. }
  20. &.is-align-bottom {
  21. align-items: flex-end;
  22. }
  23. }