website/public/assets/css/snippets/docs/aside.css

40 lines
No EOL
1.3 KiB
CSS

aside {
grid-area: aside;
padding: var(--padding);
}
aside nav {
display: flex;
flex-direction: column;
gap: calc(var(--padding) / 2);
}
aside .spacer {
width: 100%;
height: 1px;
background-color: rgba(var(--primer-color-accent), .1);
margin: var(--padding) 0;
}
/* # Nav states */
vv-shell[vv-page="/docs"] aside a[href="/docs"] button,
vv-shell[vv-page="/docs/PHP"] aside a[href="/docs/PHP"] button,
vv-shell[vv-page="/docs/PHP/VV"] aside a[href="/docs/PHP/VV"] button,
vv-shell[vv-page="/docs/PHP/VV/css"] aside a[href="/docs/PHP/VV/css"] button,
vv-shell[vv-page="/docs/get-started"] aside a[href="/docs/get-started"] button,
vv-shell[vv-page="/docs/PHP/VV/embed"] aside a[href="/docs/PHP/VV/embed"] button {
font-weight: 900;
background: none;
pointer-events: none;
color: var(--color-accent);
}
vv-shell[vv-page="/docs"] aside a[href="/docs"] button svg,
vv-shell[vv-page="/docs/PHP"] aside a[href="/docs/PHP"] button svg,
vv-shell[vv-page="/docs/PHP/VV"] aside a[href="/docs/PHP/VV"] button svg,
vv-shell[vv-page="/docs/PHP/VV/css"] aside a[href="/docs/PHP/VV/css"] button svg,
vv-shell[vv-page="/docs/get-started"] aside a[href="/docs/get-started"] button svg,
vv-shell[vv-page="/docs/PHP/VV/embed"] aside a[href="/docs/PHP/VV/embed"] button svg {
display: none;
}