1
0
forked from HPR/hpr_generator

"Cardify" the about page

Make about page layout consistent with the look of other pages.
This also makes each section more visually distinct from the others.
This commit is contained in:
2025-10-18 09:39:21 -04:00
parent b694a6f547
commit 81c8220e30
2 changed files with 81 additions and 56 deletions

View File

@@ -363,7 +363,7 @@ article > p,
margin-right: 1rem;
}
.lane > article > header,
.lane > article > h3 {
.lane > article > h3:first-child {
background: var(--background-secondary);
padding: 1.5rem 1rem 1rem 1rem;
margin: 0;
@@ -377,16 +377,16 @@ article > p,
max-width: calc(100vw - 12px);
}
.lane.stack > article > header,
.lane.stack > article > h3 {
.lane.stack > article > h3:first-child {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.lane > article > header a,
.lane > article > h3 a {
.lane > article > h3:first-child a {
color: var(--link-secondary);
}
.lane > article > header a:hover,
.lane > article > h3:hover {
.lane > article > h3:first-child:hover {
color: var(--link-secondary-hover);
}
.lane.stack> * > header * {