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:
parent
0562a59e7d
commit
c7fcc86c89
@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
@extend .h4;
|
||||
@extend .h5;
|
||||
color: $brand-main-blue-light;
|
||||
margin-top: 0;
|
||||
margin-bottom: ($spacer / 3);
|
||||
|
@ -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;
|
||||
|
||||
|
@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
.newsletter__title {
|
||||
@extend .h4;
|
||||
@extend .h5;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
@ -35,7 +35,7 @@
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: $font-size-h2;
|
||||
@extend .h2;
|
||||
margin-top: 0;
|
||||
margin-bottom: ($spacer * 2);
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
|
||||
|
@ -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
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user