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

more balanced heading sizes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

6
_src/_assets/styles/_page-usecases.scss
View File

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

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

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

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

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

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

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

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

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

4
_src/styleguide.md
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 italic">Europa Regular Italic</div>
<div class="typeface bold">Europa Bold</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 ### Body Copy
@ -98,6 +98,8 @@ Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatib
##### Heading 5 ##### Heading 5
###### Heading 6
## Lists ## Lists