Skip to content

Commit ca899be

Browse files
committed
style(footer): enhance footer styling and improve visual hierarchy
- Add padding to footer container for better spacing - Style column titles with uppercase text and smaller font size - Update link items with improved typography and hover effects - Adjust copyright section with consistent font size and increased margin - Maintain existing external link icon hiding functionality
1 parent d2aaa26 commit ca899be

1 file changed

Lines changed: 28 additions & 5 deletions

File tree

docs/src/css/custom.css

Lines changed: 28 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -47,23 +47,46 @@
4747
background-color: var(--ifm-background-color) !important;
4848
}
4949

50-
/* Footer: transparent */
50+
/* ===== Footer ===== */
5151
.footer {
5252
background-color: transparent !important;
53+
padding: 3rem 1.5rem 2rem;
5354
}
5455

55-
/* Hide external-link icons in footer */
56+
/* Column titles */
57+
.footer__title {
58+
font-size: 0.8rem;
59+
font-weight: 700;
60+
text-transform: uppercase;
61+
letter-spacing: 0.08em;
62+
color: var(--text);
63+
margin-bottom: 0.75rem;
64+
}
65+
66+
/* Link items */
67+
.footer__link-item {
68+
font-size: 0.88rem;
69+
color: var(--text-light);
70+
line-height: 1.8;
71+
transition: color 0.15s;
72+
}
73+
74+
.footer__link-item:hover {
75+
color: var(--primary);
76+
}
77+
78+
/* Hide external-link icons */
5679
.footer__link-item svg {
5780
display: none;
5881
}
5982

60-
/* Copyright styling */
83+
/* Copyright */
6184
.footer__copyright {
6285
text-align: center;
63-
font-size: 0.82rem;
86+
font-size: 0.8rem;
6487
color: var(--text-light);
6588
letter-spacing: 0.03em;
66-
margin-top: 1rem;
89+
margin-top: 2rem;
6790
padding-top: 1.5rem;
6891
border-top: 1px solid var(--border);
6992
}

0 commit comments

Comments
 (0)