index.wxss 1.5 KB
@import '../common/index.wxss';

.van-sidebar-item {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  word-wrap: break-word;
  border-left: 3px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  padding: 20px 12px 20px 8px;
  padding: var(--sidebar-padding, 20px 12px 20px 8px);
  font-size: 14px;
  font-size: var(--sidebar-font-size, 14px);
  line-height: 20px;
  line-height: var(--sidebar-line-height, 20px);
  color: #323233;
  color: var(--sidebar-text-color, #7d7e80);
  background-color: #f7f8fa;
  background-color: var(--sidebar-background-color, #f7f8fa)
}

.van-sidebar-item__text {
  position: relative;
  display: inline-block
}

.van-sidebar-item--hover:not(.van-sidebar-item--disabled) {
  background-color: #f2f3f5;
  background-color: var(--sidebar-active-color, #f2f3f5)
}

.van-sidebar-item:after {
  border-bottom-width: 1px
}

.van-sidebar-item--selected {
  color: #323233;
  color: var(--sidebar-selected-text-color, #323233);
  font-weight: 500;
  font-weight: var(--sidebar-selected-font-weight, 500);
  border-color: #ee0a24;
  border-color: var(--sidebar-selected-border-color, #ee0a24)
}

.van-sidebar-item--selected:after {
  border-right-width: 1px
}

.van-sidebar-item--selected,
.van-sidebar-item--selected.van-sidebar-item--hover {
  background-color: #fff;
  background-color: var(--sidebar-selected-background-color, #fff)
}

.van-sidebar-item--disabled {
  color: #c8c9cc;
  color: var(--sidebar-disabled-text-color, #c8c9cc)
}