index.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @import '../common/index.css';
  2. :host {
  3. -webkit-flex: 1;
  4. flex: 1;
  5. }
  6. .van-goods-action-button {
  7. --button-warning-background-color: linear-gradient(90deg, #ffd01e, #ff8917);
  8. --button-warning-background-color: var(--goods-action-button-warning-color, linear-gradient(90deg, #ffd01e, #ff8917));
  9. --button-danger-background-color: linear-gradient(90deg, #ff6034, #ee0a24);
  10. --button-danger-background-color: var(--goods-action-button-danger-color, linear-gradient(90deg, #ff6034, #ee0a24));
  11. --button-default-height: 40px;
  12. --button-default-height: var(--goods-action-button-height, 40px);
  13. --button-line-height: 20px;
  14. --button-line-height: var(--goods-action-button-line-height, 20px);
  15. --button-plain-background-color: #fff;
  16. --button-plain-background-color: var(--goods-action-button-plain-color, #fff);
  17. display: block;
  18. --button-border-width: 0;
  19. }
  20. .van-goods-action-button--first {
  21. margin-left: 5px;
  22. --button-border-radius: 20px 0 0 20px;
  23. --button-border-radius: var(--goods-action-button-border-radius, 20px) 0 0 var(--goods-action-button-border-radius, 20px);
  24. }
  25. .van-goods-action-button--last {
  26. margin-right: 5px;
  27. --button-border-radius: 0 20px 20px 0;
  28. --button-border-radius: 0 var(--goods-action-button-border-radius, 20px) var(--goods-action-button-border-radius, 20px) 0;
  29. }
  30. .van-goods-action-button--first.van-goods-action-button--last {
  31. --button-border-radius: 20px;
  32. --button-border-radius: var(--goods-action-button-border-radius, 20px);
  33. }
  34. .van-goods-action-button--plain {
  35. --button-border-width: 1px;
  36. }
  37. .van-goods-action-button__inner {
  38. width: 100%;
  39. font-weight: 500 !important;
  40. font-weight: var(--font-weight-bold, 500) !important;
  41. }
  42. @media (max-width: 321px) {
  43. .van-goods-action-button {
  44. font-size: 13px;
  45. }
  46. }