repos/website
1
Fork 0
Code Issues 1 Pull requests 27 Activity

Ensure sticky hero is full width

Browse source
This commit is contained in:
Jake Howard 2022-06-19 16:11:53 +01:00
parent dae91f9279
commit 4685faa361
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 33 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/src/scss/_hero.scss
View file

@ -8,10 +8,11 @@ section.hero {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; z-index: 10;
margin-top: 2.5rem; margin-top: 3rem;
padding-top: 0.5rem; padding-top: 0.5rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
background-color: $white; background-color: $white;
display: block;
.hero-body { .hero-body {
padding: 0; padding: 0;
@ -46,4 +47,8 @@ section.hero {
.subtitle { .subtitle {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.column {
padding: unset;
}
} }

4
website/common/templates/common/hero.html
View file

@ -4,7 +4,8 @@
<img class="hero" src="{% image_url page.hero_image page.HERO_IMAGE_SIZE %}"> <img class="hero" src="{% image_url page.hero_image page.HERO_IMAGE_SIZE %}">
{% endif %} {% endif %}
<section class="hero container"> <section class="hero">
<div class="container">
<div class="hero-body"> <div class="hero-body">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
@ -35,4 +36,5 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>