hmk/pelican-latex
1
0
Fork 0
Code Issues Actions Activity

Refine social link icon spacing/sizing per feedback

Browse Source 
Sidebar: double the standard 3rem section gap above the icon row
(6rem), horizontally centered instead of left-aligned.
About-me page: new .social-links--large variant via a
social_links_variant template var - icons at 5rem (was 1.25rem),
centered, 3rem gap from the preceding text (standard section gap,
distinct from the normal 1rem paragraph gap), wider inter-icon gap
to match the larger size.
This commit is contained in:
haemka
2026-08-13 16:54:53 +00:00
parent c2f4f4ca9f
commit a2cde12408
3 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/site.css
+15 -1
View File
@@ -389,9 +389,12 @@ ul.menuitems {
.social-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem;
list-style: none;
margin: 3rem 0 0 0;
/* At least double the standard 3rem inter-section gap (e.g. the gap
above "Tags:") to set the icon row apart from the sidebar nav. */
margin: 6rem 0 0 0;
}
.social-links li {
@@ -417,6 +420,17 @@ ul.menuitems {
height: 1.25rem;
}
/* About-me page variant: bigger icons, distinct gap from the text above. */
.social-links--large {
margin-top: 3rem;
gap: 1.5rem;
}
.social-links--large svg {
width: 5rem;
height: 5rem;
}
.menuitems {
list-style: none;