Header: Unsplash-Bildmarke (Pawel Czerwinski) neben Logo + mobile Nav scrollbar (kein Overflow auf Phones); Credit ergänzt

This commit is contained in:
2026-06-28 17:05:43 +00:00
parent b84feefc5a
commit 568fffdf13
3 changed files with 15 additions and 2 deletions
+8 -1
View File
@@ -57,7 +57,14 @@ header.site nav a:hover{color:var(--petrol)}
.brand b{color:var(--petrol)}
footer.site{margin-top:4rem;border-top:1px solid var(--line);background:var(--petrol-soft)}
footer.site .wrap{padding-top:2rem;padding-bottom:2rem}
@media(max-width:720px){header.site nav a{margin-left:.8rem;font-size:.85rem}}
@media(max-width:720px){
header.site .bar{gap:.6rem}
.brand{flex:0 0 auto;font-size:1.15rem}
header.site nav{display:flex;align-items:center;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
header.site nav::-webkit-scrollbar{display:none}
header.site nav a{margin-left:0;margin-right:.95rem;font-size:.9rem;white-space:nowrap;flex:0 0 auto}
header.site nav a:last-child{margin-right:0}
}
/* --- v2 additions: data-monitor craft (ui-ux-design-pro + design-taste-frontend) --- */
:root{