| .nav { |
| list-style: none; |
| margin: 0; |
| padding: 0; |
| border-left: 1px solid var(--color-border); |
| |
| .item { |
| font-size: 0.875rem; |
| line-height: 1.4; |
| color: var(--color-text-muted); |
| margin-left: -1px; |
| border-left: 2px solid transparent; |
| padding: 8px 0 8px 16px; |
| transition: color var(--motion-fast), |
| border-color var(--motion-fast); |
| |
| &.active { |
| color: var(--color-accent); |
| border-left-color: var(--color-accent); |
| font-weight: 600; |
| } |
| &:hover { |
| color: var(--color-text); |
| } |
| |
| a { |
| text-decoration: none; |
| color: inherit; |
| } |
| } |
| } |
