From 4eb71b1284b83f28f99de6907f0ce25fbeff9865 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Wed, 31 Aug 2022 17:14:05 -0400
Subject: [PATCH] fix: update .avatar generic to use line-height and font-size
 variables, instead of hardcoded values

---
 public/scss/generics.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index f6c25d050f..c83d8578fe 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -82,37 +82,37 @@
 	&.avatar-xs {
 		width: 16px;
 		height: 16px;
-		@include user-icon-style(16px, 1rem);
+		@include user-icon-style($line-height-base, $font-size-base * 0.75);
 	}
 
 	&.avatar-sm {
 		width: 24px;
 		height: 24px;
-		@include user-icon-style(24px, 1.5rem);
+		@include user-icon-style($line-height-base, $font-size-base);
 	}
 
 	&.avatar-sm2x {
 		width: 48px;
 		height: 48px;
-		@include user-icon-style(48px, 1.5rem);
+		@include user-icon-style($line-height-base, $font-size-base * 2);
 	}
 
 	&.avatar-md {
 		width: 32px;
 		height: 32px;
-		@include user-icon-style(32px, 1.5rem);
+		@include user-icon-style($line-height-base, $font-size-base * 1.5);
 	}
 
 	&.avatar-lg {
 		width: 64px;
 		height: 64px;
-		@include user-icon-style(64px, 4rem);
+		@include user-icon-style($line-height-base, $font-size-base * 3);
 	}
 
 	&.avatar-xl {
 		width: 128px;
 		height: 128px;
-		@include user-icon-style(128px, 7.5rem);
+		@include user-icon-style($line-height-base * 1.15, $font-size-base * 6);
 	}
 
 	&.avatar-rounded {