N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve headline hierarchy

Browse source 
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
This commit is contained in:
Michael Rose 2020-03-05 12:39:35 -05:00
parent 52fcc60474
commit 0cf1a2e114
4 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -2,6 +2,7 @@
### Enhancements ### 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. - 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) - 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) - Add Irish (Gaeilge) localized UI text strings. [#2422](https://github.com/mmistakes/minimal-mistakes/pull/2422)

12
_sass/minimal-mistakes/_base.scss
View file

@ -35,27 +35,27 @@ h6 {
h1 { h1 {
margin-top: 0; margin-top: 0;
font-size: $type-size-3; font-size: $h-size-1;
} }
h2 { h2 {
font-size: $type-size-4; font-size: $h-size-2;
} }
h3 { h3 {
font-size: $type-size-5; font-size: $h-size-3;
} }
h4 { h4 {
font-size: $type-size-6; font-size: $h-size-4;
} }
h5 { h5 {
font-size: $type-size-6; font-size: $h-size-5;
} }
h6 { h6 {
font-size: $type-size-6; font-size: $h-size-6;
} }
small, small,

8
_sass/minimal-mistakes/_variables.scss
View file

@ -43,6 +43,14 @@ $type-size-6: 0.75em !default; // ~12px
$type-size-7: 0.6875em !default; // ~11px $type-size-7: 0.6875em !default; // ~11px
$type-size-8: 0.625em !default; // ~10px $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 Colors
========================================================================== */ ========================================================================== */

3
docs/_docs/18-history.md
View file

@ -5,7 +5,7 @@ permalink: /docs/history/
excerpt: "Change log of enhancements and bug fixes made to the theme." excerpt: "Change log of enhancements and bug fixes made to the theme."
sidebar: sidebar:
nav: docs nav: docs
last_modified_at: 2020-03-04T16:35:36-05:00 last_modified_at: 2020-03-05T12:39:27-05:00
toc: false toc: false
--- ---
@ -13,6 +13,7 @@ toc: false
### Enhancements ### 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. - 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) - 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) - Add Irish (Gaeilge) localized UI text strings. [#2422](https://github.com/mmistakes/minimal-mistakes/pull/2422)