Use h2 tags in feed headers

We were jumping from h1 to h3 and some of these sections (cards and
processes) had h3 tags inside them.

My best guess is we were using h3 so the titles were smaller. So I'm
adding a CSS mixin to easily use a font size of a different heading tag.
This commit is contained in:
Javi Martín
2020-12-20 22:06:00 +01:00
parent 06d29335ff
commit 13fbf4e4b3
4 changed files with 17 additions and 2 deletions

View File

@@ -2856,6 +2856,13 @@ table {
}
}
h2 {
&.title {
@include header-font-size(h3);
}
}
h2,
h3 {
&.title {

View File

@@ -209,3 +209,11 @@
text-decoration: none;
}
}
@mixin header-font-size($heading-tag) {
@each $size, $headers in $header-styles {
@include breakpoint($size) {
font-size: rem-calc(map-get(map-get($headers, $heading-tag), font-size));
}
}
}