ipdb/website
1
0
Fork 0
mirror of https://github.com/ipdb/website.git synced 2025-02-14 21:10:26 +01:00
Code Releases Activity

typography setup

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-08-24 12:17:29 +02:00
parent 60f9873f69
commit e1e7bfc74e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_config.yml
View File

@ -10,7 +10,7 @@ github:
repo: "site" repo: "site"
analyticsID: "" analyticsID: ""
typekitID: "rnq6byg" typekitID: "bko7hwo"
# Urls # Urls

19
_src/_assets/scss/_sections.scss
View File

@ -1,6 +1,15 @@
.section { .section {
padding-top: $spacer * 2; padding-top: $spacer * 2;
padding-bottom: $spacer * 2; padding-bottom: $spacer * 2;
min-height: 100vh;
display: flex;
flex-wrap: wrap;
align-items: center;
@media ($screen-sm) {
padding-top: $spacer * 4;
padding-bottom: $spacer * 4;
}
// handling long text, like URLs // handling long text, like URLs
overflow-wrap: break-word; overflow-wrap: break-word;
@ -8,18 +17,22 @@
word-break: break-word; word-break: break-word;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
.row {
width: 100%;
}
p:last-child { p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.section__header { .section__header {
margin-bottom: $spacer; margin-bottom: $spacer * 2;
} }
.section__title { .section__title {
font-size: $font-size-h2; font-size: $font-size-h1;
margin: 0; margin-bottom: $spacer / 4;
} }
.section__description { .section__description {

16
_src/_assets/scss/_variables.scss
View File

@ -11,32 +11,32 @@ $brand-06: #444 !default;
// //
// Typography // Typography
// //
$font-family-base: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif !default; $font-family-base: 'futura-pt', 'Futura PT', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
$font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !default; $font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !default;
$font-size-root: 18px !default; $font-size-root: 18px !default;
$font-size-root-lg: 20px !default; $font-size-root-lg: 20px !default;
$line-height: 1.4 !default; $line-height: 1.4 !default;
$spacer: 2rem !default; $spacer: 1rem !default;
$font-weight-light: 300 !default; $font-weight-light: 300 !default;
$font-weight-normal: 400 !default; $font-weight-normal: 400 !default;
$font-weight-bold: 600 !default; $font-weight-bold: 500 !default;
$font-size-base: 1rem !default; $font-size-base: 1rem !default;
$font-size-large: 1.2rem !default; $font-size-large: 1.2rem !default;
$font-size-small: .8rem !default; $font-size-small: .8rem !default;
$font-size-mini: .7rem !default; $font-size-mini: .7rem !default;
$font-size-h1: 2.5rem !default; $font-size-h1: 2rem !default;
$font-size-h2: 2rem !default; $font-size-h2: 1.7rem !default;
$font-size-h3: 1.7rem !default; $font-size-h3: 1.4rem !default;
$font-size-h4: 1.4rem !default; $font-size-h4: 1.3rem !default;
$font-size-h5: $font-size-large !default; $font-size-h5: $font-size-large !default;
$font-size-h6: $font-size-base !default; $font-size-h6: $font-size-base !default;
$headings-font-family: inherit !default; $headings-font-family: inherit !default;
$headings-font-weight: $font-weight-normal !default; $headings-font-weight: $font-weight-bold !default;
$headings-line-height: inherit !default; $headings-line-height: inherit !default;
$headings-color: $brand-03 !default; $headings-color: $brand-03 !default;