xeno/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep the nav labels whole between 1280 and 1440 px

Browse Source
This commit is contained in:
LucaP
2026-10-12 21:43:26 +03:00
parent 3fb62f96dd
commit 4b1b416667
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/styles/gantry.css
View File

@@ -419,6 +419,25 @@ html .site-navigation[data-enhanced='true'][data-docked='true']::before {
font-size: 0.8rem;
}
}
/* Narrow wide (1280-1439): eight exits share ~470 px, which squeezed each
label to ~58 px and broke "Experience" mid-word. A slightly narrower sign
window and a tighter type size give each exit ~64 px; words never split. */
@media (min-width: 1280px) and (max-width: 1439px) {
:root {
--window-w: 288px;
}
html .site-navigation ul {
grid-template-columns: repeat(4, minmax(0, 1fr)) calc(var(--window-w) + 16px) repeat(4, minmax(0, 1fr));
}
html .site-navigation a {
padding-inline: 0;
font-size: 0.7rem;
letter-spacing: 0;
overflow-wrap: normal;
word-break: keep-all;
hyphens: none;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
html .site-navigation a::before { display: none; }
html .site-navigation a { font-size: 0.68rem; line-height: 1.05; }