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:
@@ -2856,6 +2856,13 @@ table {
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
&.title {
|
||||
@include header-font-size(h3);
|
||||
}
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
|
||||
&.title {
|
||||
|
||||
@@ -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));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user