{"version":3,"sources":["sidebar/sidebar.scss","sidebar/_variables.scss","sidebar/sidebar-tab.scss"],"names":[],"mappings":"AAEA,iBAGE,gCAAA,CADA,eAAA,CADA,qDAEA,CAEA,wCACE,uBAAA,CAGF,2BACE,yDCRqB,CDSrB,kBAAA,CAEA,kCACE,8DCZmB,CCFzB,qBAWE,4FDH6B,CCN7B,6BAAA,CAAA,qBAAA,CAMA,sEDFkB,CCGlB,cAAA,CANA,aAAA,CAGA,+DDFsB,CCGtB,qEDFwB,CCAxB,eAAA,CADA,8DDGoB,CCNpB,iBAAA,CASA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBDF6B,CCK7B,4BACE,+FDLkC,CCQpC,+BAEE,oBAAA,CAGF,6BAEE,yEDbuB,CCYvB,6EDZuB,CCevB,iEAEE,0EDZuC,CCezC,oCAOE,gEDxB4B,CCuB5B,UAAA,CADA,+CDvB6B,CCqB7B,MAAA,CAFA,iBAAA,CACA,OAAA,CAMA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAJA,4CAIA,CAIJ,+BACE,2FD1ByB,CC2BzB,kBAAA,CAEA,sCACE,yID7BkC","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}sidebar {\n  width: var(--sidebar-width, $sidebar-width);\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n\n  &:not(:last-child)::after {\n    border-bottom-width: 1px;\n  }\n\n  &--disabled {\n    color: $sidebar-disabled-color;\n    cursor: not-allowed;\n\n    &:active {\n      background: $sidebar-disabled-color;\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$sidebar-width: var(--sidebar-width, 80px * $hd);\n$sidebar-disabled-color: var(--sidebar-disabled-color, var(--gray-5, $gray-5));\n\n$sidebar-tab-font-size: var(--sidebar-tab-font-size, var(--font-size-md, $font-size-md));\n$sidebar-tab-line-height: var(--sidebar-tab-line-height, var(--line-height-md, $line-height-md));\n$sidebar-tab-color: var(--sidebar-tab-color, var(--text-color, $text-color));\n$sidebar-tab-padding: var(--sidebar-tab-padding, 20px * $hd var(--padding-sm, $padding-sm));\n$sidebar-tab-background-color: var(--sidebar-tab-background-color, var(--background-color, $background-color));\n$sidebar-tab-active-background-color: var(--sidebar-tab-active-background-color, var(--active-color, $active-color));\n$sidebar-tab-active-font-weight: var(--sidebar-tab-active-font-weight, var(--font-weight-bold, $font-weight-bold));\n$sidebar-tab-active-color: var(--sidebar-active-color, var(--text-color, $text-color));\n$sidebar-tab-active-border-width: var(--sidebar-active-border-width, 4px * $hd);\n$sidebar-tab-active-border-height: var(--sidebar-active-border-height, 16px * $hd);\n$sidebar-tab-active-border-color: var(--sidebar-active-border-color, var(--red, $red));\n\n$sidebar-tab-active-active-background-color: var(--sidebar-active-active-background-color, var(--white, $white));\n\n$sidebar-tab-disabled-color: var(--sidebar-tab-disabled-color, $sidebar-disabled-color);\n$sidebar-tab-disabled-background-color: var(--sidebar-tab-disabled-background-color, $sidebar-tab-background-color);\n","@import \"./variables\";\n\n.#{$component-prefix}sidebar-tab {\n  position: relative;\n  box-sizing: border-box;\n  display: block;\n  padding: $sidebar-tab-padding;\n  overflow: hidden;\n  font-size: $sidebar-tab-font-size;\n  line-height: $sidebar-tab-line-height;\n  color: $sidebar-tab-color;\n  cursor: pointer;\n  user-select: none;\n  background: $sidebar-tab-background-color;\n\n  &:active {\n    background: $sidebar-tab-active-background-color;\n  }\n\n  &__children {\n    // https://github.com/youzan/vant/issues/7455\n    word-break: break-all;\n  }\n\n  &--active {\n    font-weight: $sidebar-tab-active-font-weight;\n    color: $sidebar-tab-active-color;\n\n    &,\n    &:active {\n      background: $sidebar-tab-active-active-background-color;\n    }\n\n    &::before {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: $sidebar-tab-active-border-width;\n      height: $sidebar-tab-active-border-height;\n      content: '';\n      background: $sidebar-tab-active-border-color;\n      transform: translateY(-50%);\n    }\n  }\n\n  &--disabled {\n    color: $sidebar-tab-disabled-color;\n    cursor: not-allowed;\n\n    &:active {\n      background: $sidebar-tab-disabled-background-color;\n    }\n  }\n}\n"]}