From a2071d9fa61760c922c397baf36848fb0ebdf7b8 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Mon, 8 Mar 2021 11:58:59 -0600
Subject: [PATCH] Update font values per Design's recommendations

---
 stylesheets/_mixins.scss  | 40 +++++++++++++++++++--------------------
 stylesheets/_modules.scss |  4 ++--
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss
index 9aa5e1a8a..bcca14f2a 100644
--- a/stylesheets/_mixins.scss
+++ b/stylesheets/_mixins.scss
@@ -5,7 +5,7 @@
 
 @mixin font-title-1 {
   font-family: $inter;
-  font-weight: bolder;
+  font-weight: 700;
   font-size: 28px;
   line-height: 34px;
   letter-spacing: -0.56px;
@@ -13,7 +13,7 @@
 
 @mixin font-title-2 {
   font-family: $inter;
-  font-weight: bolder;
+  font-weight: 700;
   font-size: 20px;
   line-height: 26px;
   letter-spacing: -0.34px;
@@ -21,13 +21,13 @@
 
 @mixin font-body-1 {
   font-family: $inter;
-  font-size: 15px;
-  line-height: 21px;
-  letter-spacing: -0.14px;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: -0.08px;
 }
 @mixin font-body-1-bold {
   @include font-body-1;
-  font-weight: bold;
+  font-weight: 600;
 }
 @mixin font-body-1-italic {
   @include font-body-1;
@@ -35,19 +35,19 @@
 }
 @mixin font-body-1-bold-italic {
   @include font-body-1;
-  font-weight: bold;
+  font-weight: 600;
   font-style: italic;
 }
 
 @mixin font-body-2 {
   font-family: $inter;
-  font-size: 13px;
-  line-height: 18px;
-  letter-spacing: -0.03px;
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: 0;
 }
 @mixin font-body-2-bold {
   @include font-body-2;
-  font-weight: bold;
+  font-weight: 600;
 }
 @mixin font-body-2-italic {
   @include font-body-2;
@@ -55,30 +55,30 @@
 }
 @mixin font-body-2-bold-italic {
   @include font-body-2;
-  font-weight: bold;
+  font-weight: 600;
   font-style: italic;
 }
 
 @mixin font-subtitle {
   font-family: $inter;
-  font-size: 12px;
-  line-height: 16px;
-  letter-spacing: 0px;
+  font-size: 11px;
+  line-height: 14px;
+  letter-spacing: 0.06px;
 }
 
 @mixin font-caption {
   font-family: $inter;
-  font-size: 11px;
-  line-height: 16px;
-  letter-spacing: 0.06px;
+  font-size: 10px;
+  line-height: 12px;
+  letter-spacing: 0.1px;
 }
 @mixin font-caption-bold {
   @include font-caption;
-  font-weight: bold;
+  font-weight: 600;
 }
 @mixin font-caption-bold-italic {
   @include font-caption;
-  font-weight: bold;
+  font-weight: 600;
   font-style: italic;
 }
 
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index b3d14b8bd..d355ec9ba 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -9859,10 +9859,10 @@ button.module-image__border-overlay:focus {
 }
 
 .module-avatar-popup__profile__name {
-  @include font-body-2-bold;
+  @include font-body-1-bold;
 }
 .module-avatar-popup__profile__number {
-  @include font-caption;
+  @include font-subtitle;
 
   @include light-theme {
     color: $color-gray-60;