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

more balanced heading sizes

This commit is contained in:
Matthias Kretschmann 2017-04-12 18:31:59 +02:00
parent 0562a59e7d
commit c7fcc86c89
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
7 changed files with 21 additions and 11 deletions

View File

@ -29,7 +29,7 @@
}
.feature__title {
@extend .h4;
@extend .h5;
color: $brand-main-blue-light;
margin-top: 0;
margin-bottom: ($spacer / 3);

View File

@ -31,7 +31,7 @@
.icon {
width: 48px;
height: 48px;
margin-bottom: $spacer / 3;
margin-bottom: $spacer / 2;
}
}
@ -41,7 +41,7 @@
}
.section-title {
@extend .h3;
@extend .h2;
margin-top: 0;
margin-bottom: $spacer * 2;
@ -117,7 +117,7 @@
}
.featuredusecase__title {
@extend .h4;
@extend .h3;
margin-top: 0;
margin-bottom: $spacer;

View File

@ -42,7 +42,7 @@
}
.newsletter__title {
@extend .h4;
@extend .h5;
margin-top: 0;
}

View File

@ -35,7 +35,7 @@
}
.section-title {
font-size: $font-size-h2;
@extend .h2;
margin-top: 0;
margin-bottom: ($spacer * 2);

View File

@ -131,7 +131,10 @@ h5, .h5,
h6, .h6 {
margin-top: $spacer;
margin-bottom: $spacer;
}
h5, .h5,
h6, .h6 {
&,
.wf-active &,
.wf-inactive & {
@ -179,6 +182,11 @@ strong,
font-weight: $font-weight-bold;
}
em,
.italic {
font-style: italic;
}
.light {
font-weight: $font-weight-light;
}

View File

@ -51,10 +51,10 @@ $font-size-xs: 0.7rem !default;
$font-size-h1: 2.7rem !default;
$font-size-h2: 2.3rem !default;
$font-size-h3: 2rem !default;
$font-size-h4: 1.3rem !default;
$font-size-h5: $font-size-base !default;
$font-size-h6: 0.85rem !default;
$font-size-h3: 1.8rem !default;
$font-size-h4: 1.45rem !default;
$font-size-h5: $font-size-lg !default;
$font-size-h6: $font-size-base !default;
$line-height: 1.5 !default;

View File

@ -56,7 +56,7 @@ The main branding typeface is [**Europa**](http://www.europatype.com/articledeta
<div class="typeface italic">Europa Regular Italic</div>
<div class="typeface bold">Europa Bold</div>
The light weight is only used for headlines from a certain size to retain readability on all screens. For the website this means only headings 1 - 3 are using light weight.
The light weight is only used for headlines from a certain size to retain readability on all screens. For the website this means only headings 1 - 4 are using light weight.
### Body Copy
@ -98,6 +98,8 @@ Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatib
##### Heading 5
###### Heading 6
## Lists