fix: slab-highlight should set font-family

When using either the `slab-highlight` mixin or utility class, it should set the font family to Zilla Fix #529
mdn · Mar 15, 2021 · da38379 · da38379
1 parent bd1df43
commit da38379
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/sass/atoms/_typography.scss b/sass/atoms/_typography.scss
@@ -58,6 +58,10 @@ p {
   font-size: $tiny-text;
 }
 
+.slab-highlight {
+  @include slab-highlight();
+}
+
 .readable-line-length {
   @include readable-line-length();
 }

diff --git a/sass/mixins/_typography.scss b/sass/mixins/_typography.scss
@@ -64,6 +64,7 @@
 @mixin slab-highlight() {
   background-color: $neutral-100;
   color: $text-color-inverted;
+  font-family: $heading-font-family;
   font-weight: normal;
   max-width: max-content;
   padding: 0 $base-unit;