Toppen uten ramme på mobil
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 <noreply@anthropic.com>
This commit is contained in:
1 file changed
+16
+16
@@ -188,6 +188,22 @@ h1, h2, h3 {
|
|||||||
.alt-card {
|
.alt-card {
|
||||||
padding: 1.4rem 1.35rem 1.45rem;
|
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 {
|
.alt-card h2 {
|
||||||
|
|||||||
Reference in new issue
Block a user