Refactor header rendering and add clickable headers with highlight effect

This commit is contained in:
2025-03-07 15:19:26 +11:00
parent 8d0d6bcc30
commit 1c37a825fc
2 changed files with 49 additions and 17 deletions

View File

@@ -261,10 +261,9 @@ body {
color: var(--ifm-color-content-secondary);
font-size: 1.2rem;
transition: color 0.2s;
padding: 0.5rem;
}
.social-links a:hover {
social-links a:hover {
color: var(--ifm-color-primary);
}
@@ -568,3 +567,18 @@ body {
.github-link a:hover {
color: var(--ifm-color-primary);
}
.clickable-header {
cursor: pointer;
position: relative;
}
.clickable-header:hover {
color: #3498db;
}
.clickable-header.highlight {
animation: highlight-fade 1.5s;
}
@keyframes highlight-fade {
0% { background-color: rgba(52, 152, 219, 0.2); }
100% { background-color: transparent; }
}