index.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import './var.less';
  2. :root {
  3. --van-contact-card-padding: @contact-card-padding;
  4. --van-contact-card-add-icon-size: @contact-card-add-icon-size;
  5. --van-contact-card-add-icon-color: @contact-card-add-icon-color;
  6. --van-contact-card-value-line-height: @contact-card-value-line-height;
  7. }
  8. .van-contact-card {
  9. padding: var(--van-contact-card-padding);
  10. &__value {
  11. margin-left: 5px;
  12. line-height: var(--van-contact-card-value-line-height);
  13. }
  14. &--add {
  15. .van-contact-card__value {
  16. line-height: var(--van-contact-card-add-icon-size);
  17. }
  18. .van-cell__left-icon {
  19. color: var(--van-contact-card-add-icon-color);
  20. font-size: var(--van-contact-card-add-icon-size);
  21. }
  22. }
  23. &::before {
  24. position: absolute;
  25. right: 0;
  26. bottom: 0;
  27. left: 0;
  28. height: 2px;
  29. background: repeating-linear-gradient(
  30. -45deg,
  31. var(--van-warning-color) 0,
  32. var(--van-warning-color) 20%,
  33. transparent 0,
  34. transparent 25%,
  35. var(--van-primary-color) 0,
  36. var(--van-primary-color) 45%,
  37. transparent 0,
  38. transparent 50%
  39. );
  40. background-size: 80px;
  41. content: '';
  42. }
  43. }