1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 01:36:55 +01:00

sticky footer, hero tweaks

This commit is contained in:
Matthias Kretschmann 2016-02-14 14:43:12 +01:00
parent 45f8cda49e
commit 2c46954977
4 changed files with 36 additions and 5 deletions

View File

@ -5,7 +5,6 @@
background-size: cover;
background-position: center center;
@extend .color-overlay;
min-height: 100vh;
&:before {
z-index: -1;
@ -18,7 +17,7 @@
}
.header__title {
margin-bottom: ($spacer*2);
margin-bottom: ($spacer * 2);
padding-bottom: 0;
// the bottom line
@ -35,7 +34,7 @@
.content--page--markdown {
text-align: center;
padding-top: 0;
margin-bottom: ($spacer * 6);
//margin-bottom: ($spacer * 6);
p { color: #fff; }
}

View File

@ -8,3 +8,15 @@
padding-bottom: 0;
}
}
//
// Nice, clean sticky footer with flexbox
//
body {
display: flex;
min-height: 100vh;
flex-direction: column;
> .content { flex: 1; }
}

View File

@ -28,11 +28,29 @@ $menu-height-md: 73px;
.logo--full {
fill-opacity: .8;
margin: 0 auto;
max-width: 20em;
max-width: 10em;
@media ($screen-sm) {
max-width: 13em;
}
@media ($screen-md) {
max-width: 20em;
margin-top: ($spacer * 2);
}
}
.section-title {
color: #fff;
font-size: $font-size-h3;
@media ($screen-sm) {
font-size: $font-size-h2;
}
@media ($screen-md) {
font-size: $font-size-h1;
}
&:after { display: none }
}
@ -41,7 +59,7 @@ $menu-height-md: 73px;
color: #fff;
opacity: .8;
position: absolute;
bottom: ($spacer * 2);
bottom: -($spacer * 2);
left: 0;
right: 0;
width: 100%;
@ -96,6 +114,7 @@ $menu-height-md: 73px;
.hero__content {
position: relative;
z-index: 1;
margin-bottom: ($spacer * 4);
}

View File

@ -2,6 +2,7 @@
.menu {
position: relative;
z-index: 10;
flex: 1;
.grid__col {
text-align: center;