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

heading tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-08-11 00:51:21 +02:00
parent a5c70600f0
commit 639af4e31f
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 43 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
_src/_assets/scss/_typography.scss
View File

@ -52,7 +52,9 @@ body {
// //
// Headings // Headings
// //
h1, h2, h3, h4, h5 { // stylelint-disable-line selector-list-comma-newline-after
/* stylelint-disable selector-list-comma-newline-after */
h1, h2, h3, h4, h5 {
color: $headings-color; color: $headings-color;
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
@ -65,6 +67,33 @@ h1, h2, h3, h4, h5 { // stylelint-disable-line selector-list-comma-newline-after
} }
} }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: ($spacer * 2);
margin-bottom: ($spacer * 2);
}
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: $spacer;
margin-bottom: $spacer;
}
h1, .h1 { font-size: $font-size-h1; }
h2, .h2 { font-size: $font-size-h2; }
h3, .h3 { font-size: $font-size-h3; }
h4, .h4 { font-size: $font-size-h4; }
h5, .h5 { font-size: $font-size-h5; }
h6, .h6 { font-size: $font-size-h6; }
/* stylelint-enable */
//
// Body text
//
p, p,
ul, ul,
ol { ol {
@ -77,10 +106,12 @@ ol {
// //
a { a {
color: $link-color; color: $link-color;
text-decoration: none;
&:hover, &:hover,
&:focus { &:focus {
color: lighten($link-color, 10%); color: lighten($link-color, 10%);
outline: 0;
} }
} }

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

@ -3,7 +3,7 @@
// //
$brand-01: #cd2d2d !default; $brand-01: #cd2d2d !default;
$brand-02: #779bc3 !default; $brand-02: #779bc3 !default;
$brand-03: #444 !default; $brand-03: #201a16 !default;
$brand-04: #444 !default; $brand-04: #444 !default;
$brand-05: #636363 !default; $brand-05: #636363 !default;
$brand-06: #444 !default; $brand-06: #444 !default;
@ -14,9 +14,9 @@ $brand-06: #444 !default;
$font-family-base: 'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif !default; $font-family-base: '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: 16px !default; $font-size-root: 18px !default;
$font-size-root-lg: 18px !default; $font-size-root-lg: 20px !default;
$line-height: 1.5 !default; $line-height: 1.4 !default;
$spacer: 2rem !default; $spacer: 2rem !default;
$font-weight-light: 300 !default; $font-weight-light: 300 !default;
@ -24,20 +24,20 @@ $font-weight-normal: 400 !default;
$font-weight-bold: 600 !default; $font-weight-bold: 600 !default;
$font-size-base: 1rem !default; $font-size-base: 1rem !default;
$font-size-large: 1.3rem !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.7rem !default; $font-size-h1: 2.5rem !default;
$font-size-h2: 2.3rem !default; $font-size-h2: 2rem !default;
$font-size-h3: 1.8rem !default; $font-size-h3: 1.7rem !default;
$font-size-h4: 1.45rem !default; $font-size-h4: 1.4rem !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-light !default; $headings-font-weight: $font-weight-normal !default;
$headings-line-height: 1.3 !default; $headings-line-height: inherit !default;
$headings-color: $brand-03 !default; $headings-color: $brand-03 !default;
$text-color: $brand-05 !default; $text-color: $brand-05 !default;