uni.scss 884 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // 继承样式
  2. $hoverBackgroundColor: #F2F3F5;
  3. $pageBackgroundColor: #FAFAFA;
  4. $buttonPrimaryColor: #E57519;
  5. $textActionColor: #E57519;
  6. $border: 2rpx solid #aaaaaa;
  7. $borderLight: 2rpx solid #dddddd;
  8. $bgLightColor: #F5F5F5;
  9. $fontSize0: 16rpx;
  10. $fontSize1: 20rpx;
  11. $fontSize2: 24rpx;
  12. $fontSize3: 28rpx;
  13. $fontSize4: 32rpx;
  14. $fontSize5: 36rpx;
  15. @mixin display-flex-center {
  16. display: flex;
  17. justify-content: center;
  18. align-items: center;
  19. }
  20. @mixin display-flex-between {
  21. display: flex;
  22. justify-content: space-between;
  23. align-items: center;
  24. }
  25. @mixin text-ellipsis {
  26. white-space: nowrap;
  27. overflow: hidden;
  28. text-overflow: ellipsis;
  29. }
  30. @mixin text-ellipsis-line {
  31. display: -webkit-box;
  32. width: 100%;
  33. overflow: hidden;
  34. text-overflow: ellipsis;
  35. -webkit-box-orient: vertical;
  36. -webkit-line-clamp: 2;
  37. }
  38. @mixin after{
  39. position: absolute;
  40. display: block;
  41. content: ' ';
  42. z-index: 1;
  43. }