opdavies/dcbristol-2019-static
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix overlapping, footer position

Browse source
This commit is contained in:
Oliver Davies 2019-01-24 16:30:26 +00:00
parent 7e09daea22
commit 366d65c567
2 changed files with 11 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
source/css/utilities.css
View file

@ -1,5 +1,12 @@
.bg-black { background-color: #111111; }
.flex { display: flex; } .flex { display: flex; }
.flex-1 { flex: 1; } .flex-1 { flex: 1; }
.flex-col { flex-direction: column; } .flex-col { flex-direction: column; }
.font-bold { font-weight: bold; }
.h-full { height: 100%; } .h-full { height: 100%; }
.justify-between { justify-content: space-between; } .justify-between { justify-content: space-between; }
.p-4 { padding: 1rem; }
.text-center { text-align: center; }
.text-lg { font-size: 1.2rem; }
.text-white { color: #FFFFFF; }
.uppercase { text-transform: uppercase; }

8
source/index.html.twig
View file

@ -24,7 +24,7 @@ layout: default
<a href="#main-content" class="visually-hidden focusable skip-link"> <a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content Skip to main content
</a> </a>
<div class="layout-container h-full flex flex-col justify-between"> <div class="h-full flex flex-col justify-between">
<header role="banner"> <header role="banner">
<div class="region region-header"> <div class="region region-header">
<div id="block-dcb2017-branding" class="block block-system block-system-branding-block"> <div id="block-dcb2017-branding" class="block block-system block-system-branding-block">
@ -42,8 +42,8 @@ layout: default
</nav> </nav>
</div> </div>
</header> </header>
<div class="layout-featured flex flex-col flex-1"> <div>
<div class="region region-featured flex flex-col flex-1 justify-between"> <div class="region region-featured">
<div id="block-homepagehero" class="block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64"> <div id="block-homepagehero" class="block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" /> <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
@ -51,7 +51,7 @@ layout: default
<p>Details coming soon!</p> <p>Details coming soon!</p>
</div> </div>
</div> </div>
<div class="featured-footer"> <div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
Thanks to all previous speakers, sponsors and attendees. See you in 2019! Thanks to all previous speakers, sponsors and attendees. See you in 2019!
</div> </div>
</div> </div>