index.less 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @import '../style/var';
  2. .van-cascader {
  3. &__header {
  4. display: flex;
  5. align-items: center;
  6. justify-content: space-between;
  7. height: @cascader-header-height;
  8. padding: 0 @padding-md;
  9. }
  10. &__title {
  11. font-weight: @font-weight-bold;
  12. font-size: @cascader-title-font-size;
  13. line-height: @cascader-title-line-height;
  14. }
  15. &__close-icon {
  16. color: @cascader-close-icon-color;
  17. font-size: @cascader-close-icon-size;
  18. &:active {
  19. color: @cascader-close-icon-active-color;
  20. }
  21. }
  22. &__tabs {
  23. .van-tab {
  24. flex: none;
  25. padding: 0 10px;
  26. }
  27. &.van-tabs--line .van-tabs__wrap {
  28. height: @cascader-tabs-height;
  29. }
  30. .van-tabs__nav--complete {
  31. padding-right: 6px;
  32. padding-left: 6px;
  33. }
  34. }
  35. &__tab {
  36. color: @cascader-tab-color;
  37. font-weight: @font-weight-bold;
  38. &--unselected {
  39. color: @cascader-unselected-tab-color;
  40. font-weight: normal;
  41. }
  42. }
  43. &__option {
  44. display: flex;
  45. align-items: center;
  46. justify-content: space-between;
  47. padding: 10px @padding-md;
  48. font-size: @font-size-md;
  49. line-height: @line-height-md;
  50. &:active {
  51. background-color: @active-color;
  52. }
  53. &--selected {
  54. color: @cascader-active-color;
  55. font-weight: @font-weight-bold;
  56. }
  57. }
  58. &__selected-icon {
  59. font-size: @cascader-selected-icon-size;
  60. }
  61. &__options {
  62. box-sizing: border-box;
  63. height: @cascader-options-height;
  64. padding-top: 6px;
  65. overflow-y: auto;
  66. -webkit-overflow-scrolling: touch;
  67. }
  68. }