1
0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-01 12:22:15 +02:00

🔤 ui/ux

This commit is contained in:
2025-03-05 18:35:09 +01:00
parent 49243b978a
commit 5a6f011823
13 changed files with 16 additions and 46 deletions

View File

@ -78,18 +78,19 @@ ${host_nav} a {
line-height: 1.2;
}
${host_nav} a.current,
${host_nav} a[aria-current=page] {
background-color: hsl(var(--primary-hs), 40%);
color: whitesmoke;
font-weight: 600;
box-shadow: var(--shadow);
text-decoration: none;
}
${host_nav} a:hover {
background-color: hsl(var(--primary-hs), 45%);
color: whitesmoke;
transform: translateY(-1px);
text-decoration: none;
}
${host_nav} a .nav-number {
@ -192,7 +193,6 @@ function nav({ href, pkg }){
href: isIndex ? "./" : p.href,
title: p.description || `Go to ${p.title}`,
"aria-current": isCurrent ? "page" : null,
classList: { current: isCurrent }
}).append(
el("span", {
className: "nav-number",

View File

@ -19,8 +19,7 @@ export function simplePage({ pkg, info }){
// Main content area
el("main", { id: "main-content", role: "main" }).append(
// Page title as an h1
el("h1", { className: "page-title", textContent: info.title }),
el("h2", { textContent: info.fullTitle || info.title }),
// Main content from child elements
el("slot"),