msb-public
/
vitepress
mirror of https://github.com/vuejs/vitepress
2
1
Code Issues Projects Releases Wiki Activity

fix(theme): add indent for sidebar till depth 15

Browse Source 
close #563
pull/565/head
Akira Soumi 4 years ago
parent 0c31bbac85
commit ea0a678e48
3 changed files with 380 additions and 61 deletions
Show Stats Download Patch File Download Diff File

1
src/client/theme-default/index.ts
Unescape View File

@ -3,6 +3,7 @@ import './styles/layout.css'
import './styles/code.css'
import './styles/custom-blocks.css'
import './styles/sidebar-links.css'
import './styles/sidebar-indent.css'
import { Theme } from 'vitepress'
import Layout from './Layout.vue'

379
src/client/theme-default/styles/sidebar-indent.css
Unescape View File

@ -0,0 +1,379 @@
.sidebar > .sidebar-links > .sidebar-link > .sidebar-link-item {
padding: 0.35rem 1.5rem 0.35rem 1.25rem;
font-size: 1.1rem;
font-weight: 700;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.35rem 1.5rem 0.35rem 2rem;
line-height: 1.4;
font-size: 1rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> a.sidebar-link-item.active {
border-left-color: var(--c-brand);
font-weight: 600;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 3rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 4rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 5rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 6rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 7rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 8rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 9rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 10rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 11rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 12rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 13rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 14rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 15rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}

61
src/client/theme-default/styles/sidebar-links.css
Unescape View File

@ -40,68 +40,7 @@ a.sidebar-link-item.active {
}
}
.sidebar > .sidebar-links > .sidebar-link > .sidebar-link-item {
padding: 0.35rem 1.5rem 0.35rem 1.25rem;
font-size: 1.1rem;
font-weight: 700;
}
.sidebar > .sidebar-links > .sidebar-link > a.sidebar-link-item.active {
border-left-color: var(--c-brand);
font-weight: 600;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.35rem 1.5rem 0.35rem 2rem;
line-height: 1.4;
font-size: 1rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> a.sidebar-link-item.active {
border-left-color: var(--c-brand);
font-weight: 600;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 3rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}
.sidebar
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-links
> .sidebar-link
> .sidebar-link-item {
display: block;
padding: 0.3rem 1.5rem 0.3rem 4rem;
line-height: 1.4;
font-size: 0.9rem;
font-weight: 400;
}

Write Preview
Loading…
Cancel
Save