~xdavidwu/xdavidwu.link

76a87799fd449829f44041b6ccd9d9fba1436f5c — Michael Rose 4 years ago 581cb80
Improve headline hierarchy

Add headline specific Sass variables:

```scss
$h-size-1: 1.563em !default; // ~25.008px
$h-size-2: 1.25em !default; // ~20px
$h-size-3: 1.125em !default; // ~18px
$h-size-4: 1.0625em !default; // ~17px
$h-size-5: 1.03125em !default; // ~16.5px
$h-size-6: 1em !default; // ~16px
```

Fixes #2423
3 files changed, 15 insertions(+), 6 deletions(-)

M CHANGELOG.md
M _sass/minimal-mistakes/_base.scss
M _sass/minimal-mistakes/_variables.scss
M CHANGELOG.md => CHANGELOG.md +1 -0
@@ 2,6 2,7 @@

### Enhancements

- Improve headline hierarchy and add Sass specific variables `$h-size-x`. [#2423](https://github.com/mmistakes/minimal-mistakes/issues/2423)
- Improve accessibility of `default` skin by increasing color contrast of text and links.
- Hide posts with `hidden: true` YAML front matter from appearing in listings. [#2345](https://github.com/mmistakes/minimal-mistakes/pull/2345)
- Add Irish (Gaeilge) localized UI text strings. [#2422](https://github.com/mmistakes/minimal-mistakes/pull/2422)

M _sass/minimal-mistakes/_base.scss => _sass/minimal-mistakes/_base.scss +6 -6
@@ 35,27 35,27 @@ h6 {

h1 {
  margin-top: 0;
  font-size: $type-size-3;
  font-size: $h-size-1;
}

h2 {
  font-size: $type-size-4;
  font-size: $h-size-2;
}

h3 {
  font-size: $type-size-5;
  font-size: $h-size-3;
}

h4 {
  font-size: $type-size-6;
  font-size: $h-size-4;
}

h5 {
  font-size: $type-size-6;
  font-size: $h-size-5;
}

h6 {
  font-size: $type-size-6;
  font-size: $h-size-6;
}

small,

M _sass/minimal-mistakes/_variables.scss => _sass/minimal-mistakes/_variables.scss +8 -0
@@ 43,6 43,14 @@ $type-size-6: 0.75em !default; // ~12px
$type-size-7: 0.6875em !default; // ~11px
$type-size-8: 0.625em !default; // ~10px

/* headline scale */
$h-size-1: 1.563em !default; // ~25.008px
$h-size-2: 1.25em !default; // ~20px
$h-size-3: 1.125em !default; // ~18px
$h-size-4: 1.0625em !default; // ~17px
$h-size-5: 1.03125em !default; // ~16.5px
$h-size-6: 1em !default; // ~16px

/*
   Colors
   ========================================================================== */