bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 18:36:11 +01:00
Code Releases Activity

enterprise hero

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-05-15 17:32:12 +02:00
parent e903ae7a17
commit 73eceeafde
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
7 changed files with 88 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
_src/_assets/images/hero-enterprise.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 385 KiB

2
_src/_assets/styles/_page-enterprise.scss
View File

@ -17,8 +17,6 @@
}
.hero--enterprise {
background-image: none;
&,
.section-title,
.section-description {

82
_src/_assets/styles/_sections.scss
View File

@ -82,88 +82,6 @@
}
//
// Section backgrounds
//
.background--blue {
background: $brand-main-blue;
}
.background--darker {
background: $gray-dark;
}
.background--light {
background: $brand-main-gray-lighter;
.section-title,
p {
color: $brand-main-gray;
}
}
.background--gray {
background: $brand-main-gray;
}
.background--green {
background: $brand-main-green;
.section-title,
p {
color: $brand-main-blue;
}
.section-title {
&:after {
background: darken($brand-main-green, 10%);
}
}
.feature__icon {
stroke: $brand-main-blue;
color: $brand-main-gray-lighter;
}
.feature__title {
color: $brand-main-blue;
}
.feature__text {
color: $brand-main-gray-lighter;
}
}
//
// Photo background
//
.background--photo {
@include color-overlay;
// background
background: url('../img/hero-berlin.jpg') no-repeat top center;
background-size: cover;
.row * {
position: relative;
z-index: 5;
}
.section-title {
&::after {
background: rgba($brand-main-blue-light, .5);
}
}
.section-title,
.section-description,
.header__title {
color: #fff;
}
}
//
// Specific sections
//

2
_src/_assets/styles/bigchain/_hero.scss
View File

@ -7,7 +7,7 @@
$menu-height-md: 66px;
.hero {
@extend .background--photo;
@include background--photo();
background-image: url('../img/hero-berlin.jpg');
text-align: center;
overflow: hidden;

1
_src/_assets/styles/bigchain/_mixins.scss
View File

@ -8,3 +8,4 @@
@import '_mixins/buttons';
@import '_mixins/alerts';
@import '_mixins/color-overlay';
@import '_mixins/backgrounds';

84
_src/_assets/styles/bigchain/_mixins/_backgrounds.scss Normal file
View File

@ -0,0 +1,84 @@
//
// Backgrounds
//
.background--blue {
background: $brand-main-blue;
}
.background--darker {
background: $gray-dark;
}
.background--light {
background: $brand-main-gray-lighter;
.section-title,
p {
color: $brand-main-gray;
}
}
.background--gray {
background: $brand-main-gray;
}
.background--green {
background: $brand-main-green;
.section-title,
p {
color: $brand-main-blue;
}
.section-title {
&:after {
background: darken($brand-main-green, 10%);
}
}
.feature__icon {
stroke: $brand-main-blue;
color: $brand-main-gray-lighter;
}
.feature__title {
color: $brand-main-blue;
}
.feature__text {
color: $brand-main-gray-lighter;
}
}
//
// Photo background
//
@mixin background--photo() {
@include color-overlay;
// background
background: url('../img/hero-berlin.jpg') no-repeat top center;
background-size: cover;
.row * {
position: relative;
z-index: 5;
}
.section-title {
&::after {
background: rgba($brand-main-blue-light, .5);
}
}
.section-title,
.section-description,
.header__title {
color: #fff;
}
}
.background--photo {
@include background--photo();
}

3
_src/enterprise.html
View File

@ -3,6 +3,7 @@ layout: base
title: Enterprise
image: hero-enterprise.jpg
js: page-enterprise.min.js
hero:
@ -95,7 +96,7 @@ contact:
---
<header class="hero hero--enterprise">
<header class="hero hero--enterprise" {% if page.image %}style="background-image:url('/assets/img/{{ page.image }}')"{% endif %}>
{% include menu-main.html %}