index.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import '../common/index.css';
  2. .van-sidebar-item {
  3. display: block;
  4. box-sizing: border-box;
  5. overflow: hidden;
  6. word-wrap: break-word;
  7. border-left: 3px solid transparent;
  8. -webkit-user-select: none;
  9. user-select: none;
  10. padding: 20px 12px 20px 8px;
  11. padding: var(--sidebar-padding, 20px 12px 20px 8px);
  12. font-size: 14px;
  13. font-size: var(--sidebar-font-size, 14px);
  14. line-height: 20px;
  15. line-height: var(--sidebar-line-height, 20px);
  16. color: #323233;
  17. color: var(--sidebar-text-color, #323233);
  18. background-color: #f7f8fa;
  19. background-color: var(--sidebar-background-color, #f7f8fa);
  20. }
  21. .van-sidebar-item__text {
  22. position: relative;
  23. display: inline-block;
  24. }
  25. .van-sidebar-item--hover:not(.van-sidebar-item--disabled) {
  26. background-color: #f2f3f5;
  27. background-color: var(--sidebar-active-color, #f2f3f5);
  28. }
  29. .van-sidebar-item:after {
  30. border-bottom-width: 1px;
  31. }
  32. .van-sidebar-item--selected {
  33. color: #323233;
  34. color: var(--sidebar-selected-text-color, #323233);
  35. font-weight: 500;
  36. font-weight: var(--sidebar-selected-font-weight, 500);
  37. border-color: #ee0a24;
  38. border-color: var(--sidebar-selected-border-color, #ee0a24);
  39. }
  40. .van-sidebar-item--selected:after {
  41. border-right-width: 1px;
  42. }
  43. .van-sidebar-item--selected,
  44. .van-sidebar-item--selected.van-sidebar-item--hover {
  45. background-color: #fff;
  46. background-color: var(--sidebar-selected-background-color, #fff);
  47. }
  48. .van-sidebar-item--disabled {
  49. color: #c8c9cc;
  50. color: var(--sidebar-disabled-text-color, #c8c9cc);
  51. }