common.scss 656 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @mixin colBox($isBtw) {
  2. display: flex;
  3. flex-direction: column;
  4. @if $isBtw {
  5. justify-content: space-between;
  6. }
  7. }
  8. @mixin centerBox {
  9. display: flex;
  10. justify-content: center;
  11. align-items: center;
  12. }
  13. @mixin vCenterBox {
  14. display: flex;
  15. align-items: center;
  16. }
  17. @mixin btwBox {
  18. display: flex;
  19. justify-content: space-between;
  20. align-items: center;
  21. }
  22. @mixin nomalEllipsis {
  23. overflow: hidden;
  24. text-overflow: ellipsis;
  25. word-break: break-all;
  26. white-space: nowrap;
  27. }
  28. @mixin ellipsisWithLine($line) {
  29. display: -webkit-box;
  30. -webkit-box-orient: vertical;
  31. -webkit-line-clamp: $line;
  32. overflow: hidden;
  33. word-break: break-all;
  34. }