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

menu & typography tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-01-10 02:11:27 +01:00
parent 5fb4d81134
commit 9e97c22fd9
8 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_src/_assets/styles/bigchain/_content-page.scss
View File

@ -1,9 +1,10 @@
.content--page {
.row {
> h2 {
border-bottom: 1px solid $gray-lightest;
> h1, h2 {
border-bottom: 2px solid $gray-lightest;
padding-bottom: $spacer;
margin-bottom: ($spacer * 2);
text-align: center;
}
}

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

@ -36,7 +36,7 @@
}
.row {
max-width: 42em;
max-width: 45em;
margin: auto;
padding-left: $gutter-space;
padding-right: $gutter-space;

11
_src/_assets/styles/bigchain/_menus.scss
View File

@ -9,7 +9,16 @@
.menu__logo {
display: block;
svg { fill: #fff }
svg {
@extend .transition;
fill: #fff;
opacity: .8;
}
&:hover svg,
&:focus svg {
opacity: 1;
}
}

5
_src/_assets/styles/bigchain/_sections.scss
View File

@ -91,6 +91,11 @@
.section-description { color: #fff }
}
.background--light {
background: $gray-lightest; // fallback
background: linear-gradient(to bottom right, $gray-lightest 0%, lighten($gray-lightest, 10%) 100%);
}
.background--gray {
background: $brand-main-gray; // fallback
background: linear-gradient(to bottom right, $brand-main-gray 0%, lighten($brand-main-gray, 10%) 100%);

13
_src/_assets/styles/bigchain/_team.scss
View File

@ -9,14 +9,25 @@
.team__image {
@extend .img--responsive;
background: $gray;
width: 230px;
border-radius: 50%;
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.team__name {
@extend .h5;
color: $text-color;
margin-bottom: 0;
// the bottom line
&:after {
content: "";
height: 2px;
width: 3rem;
display: block;
margin: ($spacer / 2) auto;
background: $gray-lightest;
}
}
.team__position {

6
_src/_assets/styles/bigchain/_typography.scss
View File

@ -144,6 +144,12 @@ strong,
.text-dimmed { color: $gray-light }
.lead {
font-size: $font-size-lg;
color: $headings-color;
}
//
// Lists
//

10
_src/_assets/styles/bigchain/_variables.scss
View File

@ -49,10 +49,10 @@ $font-size-lg: 1.25rem !default;
$font-size-sm: 0.8rem !default;
$font-size-xs: 0.65rem !default;
$font-size-h1: 3rem !default;
$font-size-h2: 2.5rem !default;
$font-size-h3: 2rem !default;
$font-size-h4: 1.5rem !default;
$font-size-h1: 2.5rem !default;
$font-size-h2: 2rem !default;
$font-size-h3: 1.5rem !default;
$font-size-h4: 1rem !default;
$font-size-h5: $font-size-base !default;
$font-size-h6: 0.85rem !default;
@ -106,7 +106,7 @@ $component-active-bg: $brand-primary !default;
//
// Grid
//
$gutter-space: ($spacer * 2) !default;
$gutter-space: ($spacer * 3) !default;
//

2
_src/index.html
View File

@ -55,7 +55,7 @@ front_page: true
</div>
</section>
<section class="section section-suitable">
<section class="section section-suitable background--light">
<div class="row">
<header class="section-header">
<h1 class="section-title">Suitable for</h1>