mirror of
https://github.com/ipdb/website.git
synced 2024-11-13 16:54:50 +01:00
more minimal Get Started section
This commit is contained in:
parent
ea5d9bbb5e
commit
688a878124
@ -51,7 +51,7 @@
|
||||
text-align: center;
|
||||
margin-top: $spacer * 3;
|
||||
padding-top: $spacer * 2;
|
||||
border-top: 1px solid darken($brand-05, 8%);
|
||||
border-top: .1rem solid darken($brand-05, 8%);
|
||||
|
||||
.button + .button {
|
||||
margin-left: $spacer * 2;
|
||||
|
@ -186,7 +186,11 @@
|
||||
.getstarted-bigchaindb {
|
||||
padding-top: $spacer * 3;
|
||||
margin-top: $spacer * 3;
|
||||
border-top: 1px solid darken($brand-05, 8%);
|
||||
border-top: .1rem solid darken($brand-05, 8%);
|
||||
|
||||
.grid {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.getstarted {
|
||||
@ -194,44 +198,38 @@
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
height: 100%;
|
||||
padding: $spacer;
|
||||
color: $brand-05;
|
||||
background: $link-color;
|
||||
cursor: pointer;
|
||||
color: $text-color;
|
||||
counter-increment: getstarted-steps;
|
||||
padding-left: $spacer * 2;
|
||||
padding-right: $spacer * 2;
|
||||
|
||||
.grid__col:first-child & {
|
||||
border-top-left-radius: $border-radius;
|
||||
border-bottom-left-radius: $border-radius;
|
||||
border-right: .2rem solid $brand-05;
|
||||
border-right: .1rem solid darken($brand-05, 8%);
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.grid__col:last-child & {
|
||||
border-top-right-radius: $border-radius;
|
||||
border-bottom-right-radius: $border-radius;
|
||||
border-left: .2rem solid $brand-05;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: darken($link-color, 10%);
|
||||
color: $brand-05;
|
||||
}
|
||||
|
||||
code {
|
||||
color: inherit;
|
||||
border-left: .1rem solid darken($brand-05, 8%);
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.getstarted__title {
|
||||
font-size: $font-size-h3;
|
||||
color: #fff;
|
||||
margin-bottom: $spacer / 3;
|
||||
font-size: $font-size-h4;
|
||||
margin-bottom: $spacer / 4;
|
||||
|
||||
a & {
|
||||
color: $link-color;
|
||||
|
||||
&:after {
|
||||
content: ' →';
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: counter(getstarted-steps);
|
||||
display: block;
|
||||
background: rgba($brand-05, .3);
|
||||
background: rgba($brand-02, .3);
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
border-radius: 50%;
|
||||
@ -240,6 +238,7 @@
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-bold;
|
||||
margin-bottom: $spacer / 1.5;
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -188,10 +188,10 @@ css: page-front
|
||||
</a>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<a class="getstarted" href="">
|
||||
<h2 class="getstarted__title">Add your app</h2>
|
||||
<p class="getstarted__text">Add your app and receive your <code>app_id</code> & <code>app_key</code>.</p>
|
||||
</a>
|
||||
<div class="getstarted">
|
||||
<h2 class="getstarted__title">Get your API credentials</h2>
|
||||
<p class="getstarted__text">After signing up, you will receive your <code>app_id</code> & <code>app_key</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<a class="getstarted" href="https://www.bigchaindb.com/getstarted/#drivers">
|
||||
|
Loading…
Reference in New Issue
Block a user