fox/src/.vitepress/theme/scss/components/vp-doc-aside.scss

@use '@beeline/design-tokens/scss/tokens/components/navigationDrawer';

.VPDocAside {
  .outline-link {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0.2px;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: unset;
  }

  .outline-link.active {
    font-weight: 500 !important;
  }

  .outline-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    padding-bottom: 16px;
  }

  .content {
    padding-left: 0px !important;
    border-left: 0px !important;

    nav {
      border-left: 1px solid var(--vp-c-divider) !important;

      .outline-link {
        padding-left: 20px !important;
        
        &.active {
          padding-left: 16px !important;
          position: relative !important;
          left: -1px !important;
          border-left: navigationDrawer.$navigation-drawer-item-indicator-width solid
            navigationDrawer.$navigation-drawer-item-activated-indicator-color !important;

          border-top-right-radius: navigationDrawer.$navigation-drawer-item-indicator-border-radius-topright !important;
          border-bottom-right-radius: navigationDrawer.$navigation-drawer-item-indicator-border-radius-bottomright !important;
  
        }
      }
    }
  }
}