index.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import '../style/var';
  2. .van-actionsheet {
  3. color: @action-sheet-item-text-color;
  4. max-height: @action-sheet-max-height;
  5. &__item,
  6. &__cancel {
  7. text-align: center;
  8. font-size: @action-sheet-item-font-size;
  9. line-height: @action-sheet-item-height;
  10. background-color: @action-sheet-item-background;
  11. &:active {
  12. background-color: @active-color;
  13. }
  14. }
  15. &__item {
  16. height: @action-sheet-item-height;
  17. }
  18. &__item--disabled {
  19. color: @gray;
  20. &:active {
  21. background-color: @white;
  22. }
  23. }
  24. &__subname {
  25. color: @action-sheet-subname-color;
  26. font-size: @action-sheet-subname-font-size;
  27. margin-left: 5px;
  28. }
  29. &__loading {
  30. display: inline-block;
  31. }
  32. &__cancel::before {
  33. content: ' ';
  34. display: block;
  35. height: 10px;
  36. background-color: @background-color;
  37. }
  38. &__header {
  39. font-size: @action-sheet-header-font-size;
  40. line-height: @action-sheet-header-height;
  41. text-align: center;
  42. }
  43. &__close {
  44. top: 0;
  45. right: 0;
  46. padding: 0 15px;
  47. position: absolute;
  48. line-height: inherit;
  49. color: @action-sheet-close-icon-color;
  50. font-size: @action-sheet-close-icon-size;
  51. }
  52. &--safe-area-inset-bottom {
  53. padding-bottom: constant(safe-area-inset-bottom);
  54. padding-bottom: env(safe-area-inset-bottom);
  55. }
  56. }