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

fix guides

This commit is contained in:
Matthias Kretschmann 2018-04-06 14:20:07 +02:00
parent 895a933a02
commit 53ecb5f40e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 24 additions and 18 deletions

View File

@ -1,4 +1,4 @@
.header--guides { .header--developersguides {
background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom; background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom;
background-size: contain; background-size: contain;
padding-bottom: 18%; padding-bottom: 18%;
@ -103,14 +103,10 @@
display: block; display: block;
box-shadow: none; box-shadow: none;
background-color: $brand-main-blue-dark; background-color: $brand-main-blue-dark;
padding: $spacer * 1.5; padding: $spacer * 2;
height: 100%; height: 100%;
border-radius: $border-radius; border-radius: $border-radius;
@media ($screen-sm) {
padding: $spacer * 3;
}
&:before { &:before {
opacity: .85; opacity: .85;
} }
@ -130,17 +126,6 @@
.grid { .grid {
margin-bottom: 0; margin-bottom: 0;
} }
.section--guides &,
.section--guideslist & {
margin-bottom: $spacer * 2;
a {
@media ($screen-sm) {
padding: $spacer * 4;
}
}
}
} }
.guide__title, .guide__title,
@ -156,12 +141,33 @@ h1.guide__title {
margin-bottom: $spacer / $line-height; margin-bottom: $spacer / $line-height;
margin-top: 0; margin-top: 0;
color: #fff; color: #fff;
.section--guides-more & {
font-size: $font-size-lg;
}
} }
.guide__tagline { .guide__tagline {
color: $brand-main-blue-light; color: $brand-main-blue-light;
} }
.section--guideslist {
.guide {
margin-bottom: $spacer * 2;
a {
padding: $spacer * 3;
}
}
}
.section--guides,
.section--guides-more {
.grid {
margin-bottom: $spacer * 3;
}
}
// //
// TOC // TOC
// //

View File

@ -7,7 +7,7 @@
</div> </div>
<div class="row row--wide"> <div class="row row--wide">
<div class="grid grid--full grid-small--half grid--gutters"> <div class="grid grid--full grid-small--half grid--gutters--small">
{% assign guides = site.guides | sort: 'order' %} {% assign guides = site.guides | sort: 'order' %}
{% for guide in guides limit: 4 %} {% for guide in guides limit: 4 %}
<div class="grid__col"> <div class="grid__col">