Give hero images same full-width as article images
Same approach works even though they're a background image rather than an <img> tag image. Ref #24
This commit is contained in:
parent
d38cdacedd
commit
20863f2309
1 changed files with 11 additions and 1 deletions
|
@ -31,7 +31,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Slim down section vertical padding a bit.
|
/* Hero image in hero block */
|
||||||
|
.has-background-image.hero {
|
||||||
|
width: 100vw;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
right: 50%;
|
||||||
|
margin-left: -50vw;
|
||||||
|
margin-right: -50vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slim down section vertical padding a bit.*/
|
||||||
.section {
|
.section {
|
||||||
padding: 0.5rem 1.5rem 1.5rem;
|
padding: 0.5rem 1.5rem 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue