utils.scss 616 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @mixin utils-clearfix {
  2. $selector: &;
  3. @at-root {
  4. #{$selector}::before,
  5. #{$selector}::after {
  6. display: table;
  7. content: '';
  8. }
  9. #{$selector}::after {
  10. clear: both;
  11. }
  12. }
  13. }
  14. @mixin utils-vertical-center {
  15. $selector: &;
  16. @at-root {
  17. #{$selector}::after {
  18. display: inline-block;
  19. content: '';
  20. height: 100%;
  21. vertical-align: middle;
  22. }
  23. }
  24. }
  25. @mixin utils-ellipsis {
  26. overflow: hidden;
  27. text-overflow: ellipsis;
  28. white-space: nowrap;
  29. }
  30. @mixin utils-inline-flex-center {
  31. display: inline-flex;
  32. justify-content: center;
  33. align-items: center;
  34. }