From 91858a8a8175b5ee918959f952db30b33902e771 Mon Sep 17 00:00:00 2001 From: Bendik Aagaard Lynghaug Date: Mon, 19 Oct 2026 14:32:21 +0200 Subject: [PATCH] =?UTF-8?q?Toppen=20uten=20ramme=20p=C3=A5=20mobil?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Portals telefonregel for .hero (3rem over, 1,25rem på sidene) står etter dens egen .hero-slides-nullstilling med samme spesifisitet, så på telefon vant den tilbake: 36px ingenting over ordmerket, og bildeserien trukket 15px inn fra begge kanter i stedet for å gå ut til dem. Linjen og teksten har allerede sine 1,5rem, så rammen trenger ingen. Den enkle toppen (kontakt, takk) beholder sideluften - linjens 1,5rem, så ordmerket lander på samme kant som på forsiden - og legger seg i linjens høyde i stedet for 3rem ned. Co-Authored-By: Claude Fable 5.1 --- custom.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/custom.css b/custom.css index 6416b63..5e639e2 100644 --- a/custom.css +++ b/custom.css @@ -188,6 +188,22 @@ h1, h2, h3 { .alt-card { padding: 1.4rem 1.35rem 1.45rem; } + + /* Portal's phone rule for .hero (3rem on top, 1.25rem either side) is + written after its .hero-slides reset and at the same specificity, so + on a phone it won: 36px of nothing above the wordmark, and the + slideshow pulled 15px in from both edges instead of bleeding to them. + The bar and the copy carry their own 1.5rem, so the frame needs none. */ + .hero-slides { + padding: 0 0 2rem; + } + + /* The plain hero (kontakt, takk) has no inner bar, so it keeps a side + inset - the bar's 1.5rem, so the wordmark lands on the same edge as + on the front page - and sits at the bar's height instead of 3rem down. */ + .hero:not(.hero-slides) { + padding: 1rem 1.5rem 2rem; + } } .alt-card h2 {