Merge pull request #2494 from alphagov/big-number-font-correct-mixins

Use the correct mixins for applying font in the big number component
alphagov · Dec 2, 2021 · 64cd66d · 64cd66d
2 parents 7550197 + f953df2
commit 64cd66d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@
 
 ## Unreleased
 
+* Use the correct mixins for applying font in the big number component ([PR #2494](https://github.com/alphagov/govuk_publishing_components/pull/2494))
 * Remove use of govuk-font from the big number component ([PR #2493](https://github.com/alphagov/govuk_publishing_components/pull/2493))
 
 ## 27.15.0

diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss b/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss
@@ -1,11 +1,12 @@
 .gem-c-big-number {
   margin-bottom: govuk-spacing(3);
-  font-family: $govuk-font-family;
+  @include govuk-typography-common;
+  @include govuk-text-colour;
 }
 
 .gem-c-big-number__value {
   font-size: 80px;
-  font-weight: 700;
+  @include govuk-typography-weight-bold;
   line-height: 1;
 
   @if $govuk-typography-use-rem {
@@ -15,7 +16,7 @@
 
 .gem-c-big-number__label {
   font-size: 16px;
-  font-weight: 700;
+  @include govuk-typography-weight-bold;
 
   @if $govuk-typography-use-rem {
     font-size: govuk-px-to-rem(16px);