mirror of
https://github.com/bigchaindb/site.git
synced 2024-12-24 18:36:11 +01:00
menu & typography tweaks
This commit is contained in:
parent
5fb4d81134
commit
9e97c22fd9
@ -1,9 +1,10 @@
|
|||||||
|
|
||||||
.content--page {
|
.content--page {
|
||||||
.row {
|
.row {
|
||||||
> h2 {
|
> h1, h2 {
|
||||||
border-bottom: 1px solid $gray-lightest;
|
border-bottom: 2px solid $gray-lightest;
|
||||||
padding-bottom: $spacer;
|
padding-bottom: $spacer;
|
||||||
|
margin-bottom: ($spacer * 2);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -36,7 +36,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
max-width: 42em;
|
max-width: 45em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding-left: $gutter-space;
|
padding-left: $gutter-space;
|
||||||
padding-right: $gutter-space;
|
padding-right: $gutter-space;
|
||||||
|
@ -9,7 +9,16 @@
|
|||||||
|
|
||||||
.menu__logo {
|
.menu__logo {
|
||||||
display: block;
|
display: block;
|
||||||
svg { fill: #fff }
|
svg {
|
||||||
|
@extend .transition;
|
||||||
|
fill: #fff;
|
||||||
|
opacity: .8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover svg,
|
||||||
|
&:focus svg {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -91,6 +91,11 @@
|
|||||||
.section-description { color: #fff }
|
.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--gray {
|
||||||
background: $brand-main-gray; // fallback
|
background: $brand-main-gray; // fallback
|
||||||
background: linear-gradient(to bottom right, $brand-main-gray 0%, lighten($brand-main-gray, 10%) 100%);
|
background: linear-gradient(to bottom right, $brand-main-gray 0%, lighten($brand-main-gray, 10%) 100%);
|
||||||
|
@ -9,14 +9,25 @@
|
|||||||
|
|
||||||
.team__image {
|
.team__image {
|
||||||
@extend .img--responsive;
|
@extend .img--responsive;
|
||||||
|
background: $gray;
|
||||||
width: 230px;
|
width: 230px;
|
||||||
border-radius: 50%;
|
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.team__name {
|
.team__name {
|
||||||
@extend .h5;
|
@extend .h5;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
// the bottom line
|
||||||
|
&:after {
|
||||||
|
content: "";
|
||||||
|
height: 2px;
|
||||||
|
width: 3rem;
|
||||||
|
display: block;
|
||||||
|
margin: ($spacer / 2) auto;
|
||||||
|
background: $gray-lightest;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.team__position {
|
.team__position {
|
||||||
|
@ -144,6 +144,12 @@ strong,
|
|||||||
|
|
||||||
.text-dimmed { color: $gray-light }
|
.text-dimmed { color: $gray-light }
|
||||||
|
|
||||||
|
|
||||||
|
.lead {
|
||||||
|
font-size: $font-size-lg;
|
||||||
|
color: $headings-color;
|
||||||
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// Lists
|
// Lists
|
||||||
//
|
//
|
||||||
|
@ -49,10 +49,10 @@ $font-size-lg: 1.25rem !default;
|
|||||||
$font-size-sm: 0.8rem !default;
|
$font-size-sm: 0.8rem !default;
|
||||||
$font-size-xs: 0.65rem !default;
|
$font-size-xs: 0.65rem !default;
|
||||||
|
|
||||||
$font-size-h1: 3rem !default;
|
$font-size-h1: 2.5rem !default;
|
||||||
$font-size-h2: 2.5rem !default;
|
$font-size-h2: 2rem !default;
|
||||||
$font-size-h3: 2rem !default;
|
$font-size-h3: 1.5rem !default;
|
||||||
$font-size-h4: 1.5rem !default;
|
$font-size-h4: 1rem !default;
|
||||||
$font-size-h5: $font-size-base !default;
|
$font-size-h5: $font-size-base !default;
|
||||||
$font-size-h6: 0.85rem !default;
|
$font-size-h6: 0.85rem !default;
|
||||||
|
|
||||||
@ -106,7 +106,7 @@ $component-active-bg: $brand-primary !default;
|
|||||||
//
|
//
|
||||||
// Grid
|
// Grid
|
||||||
//
|
//
|
||||||
$gutter-space: ($spacer * 2) !default;
|
$gutter-space: ($spacer * 3) !default;
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
|
@ -55,7 +55,7 @@ front_page: true
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section section-suitable">
|
<section class="section section-suitable background--light">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<header class="section-header">
|
<header class="section-header">
|
||||||
<h1 class="section-title">Suitable for</h1>
|
<h1 class="section-title">Suitable for</h1>
|
||||||
|
Loading…
Reference in New Issue
Block a user