bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +01:00
Code Releases Activity

more color shuffling

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-04-13 14:45:17 +02:00
parent 3cb095da43
commit 0b8141aaa3
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
_src/_assets/styles/_page-services.scss
View File

@ -38,8 +38,12 @@
fill: $brand-main-blue-light; fill: $brand-main-blue-light;
} }
.hero__title {
margin-top: $spacer;
}
.hero__subtitle { .hero__subtitle {
margin-bottom: $spacer * 2; margin-bottom: $spacer * 3;
font-size: $font-size-h5; font-size: $font-size-h5;
@media ($screen-sm) { @media ($screen-sm) {
@ -59,15 +63,25 @@
.section--servicesdetail { .section--servicesdetail {
.feature__icon { .feature__icon {
stroke: $brand-main-gray; stroke: rgba($brand-main-gray, .65);
color: $brand-main-violet; color: rgba($brand-main-violet, .65);
}
.feature__title {
// the bottom line
&:after {
background: rgba($brand-main-gray, .2);
}
}
.feature__text {
color: rgba($brand-main-blue, .65);
} }
.actions { .actions {
text-align: center; text-align: center;
margin-top: $spacer * 2; padding-top: $spacer * 3;
padding-top: $spacer * 2; border-top: 2px solid rgba($brand-main-gray, .1);
border-top: 1px solid darken($brand-main-blue-light, 10%);
} }
} }

9
_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
View File

@ -35,15 +35,6 @@
h3 { h3 {
color: $brand-main-blue; color: $brand-main-blue;
} }
.feature__title {
color: $brand-main-blue;
// the bottom line
&:after {
background: darken($brand-main-blue-light, 10%);
}
}
} }
.background--gray { .background--gray {

2
_src/_includes/form-services.html
View File

@ -79,7 +79,7 @@
Fields marked with <span class="required">*</span> are required. Fields marked with <span class="required">*</span> are required.
</p> </p>
<p class="form-group"> <p class="form-group">
<input class="btn btn-violet" type="submit" value="Send"> <input class="btn btn-blue-light" type="submit" value="Send">
</p> </p>
<div class="alert alert-success animation-slide-in-from-bottom hide"> <div class="alert alert-success animation-slide-in-from-bottom hide">

2
_src/_includes/sections/section-cta-services.html
View File

@ -10,7 +10,7 @@
<h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1> <h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1>
</header> </header>
<a class="btn btn-violet" href="{% link services.html %}"> <a class="btn btn-blue" href="{% link services.html %}">
Explore Services Explore Services
</a> </a>
</div> </div>

4
_src/services.html
View File

@ -91,7 +91,7 @@ contact:
<h2 class="hero__subtitle">{{ page.hero.description }}</h2> <h2 class="hero__subtitle">{{ page.hero.description }}</h2>
{% for cta in page.hero.cta %} {% for cta in page.hero.cta %}
<a class="btn btn-violet hero__action" href="{{ cta.link }}" {% if cta.scroll %}data-scroll{% endif %}>{{ cta.name }}</a> <a class="btn btn-blue-light hero__action" href="{{ cta.link }}" {% if cta.scroll %}data-scroll{% endif %}>{{ cta.name }}</a>
{% endfor %} {% endfor %}
</hgroup> </hgroup>
</div> </div>
@ -118,7 +118,7 @@ contact:
</div> </div>
<div class="actions"> <div class="actions">
<a class="btn btn-violet" data-scroll href="#contact">Get in touch</a> <a class="btn btn-blue" data-scroll href="#contact">Get in touch</a>
</div> </div>
</div> </div>