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:
parent
45f8cda49e
commit
2c46954977
@ -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; }
|
||||
}
|
||||
|
@ -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; }
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
|
||||
|
@ -2,6 +2,7 @@
|
||||
.menu {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
flex: 1;
|
||||
|
||||
.grid__col {
|
||||
text-align: center;
|
||||
|
Loading…
Reference in New Issue
Block a user