Use icon sizes that are multiples of 16px
authorTim Düsterhus <duesterhus@woltlab.com>
Fri, 1 Oct 2021 14:37:34 +0000 (16:37 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Fri, 12 Aug 2022 19:25:54 +0000 (21:25 +0200)
wcfsetup/install/files/style/font-awesome/000-woltlab.scss

index acdcfe5fdef4ac04a089b7c63ac0d9790228d295..3329d24cbaa9e9860a0d8c1dbc79952a65c11e58 100644 (file)
@@ -18,21 +18,21 @@ $fa-size-scale-base: 15;
   text-align: center;
 
   &.icon16 {
-    font-size: 14px;
+    font-size: 16px;
     height: 16px;
     line-height: 16px;
     width: 16px;
   }
 
   &.icon24 {
-    font-size: 18px;
+    font-size: 24px;
     height: 24px;
     line-height: 24px;
     width: 24px;
   }
 
   &.icon32 {
-    font-size: 28px;
+    font-size: 32px;
     height: 32px;
     line-height: 32px;
     width: 32px;
@@ -40,35 +40,35 @@ $fa-size-scale-base: 15;
   }
 
   &.icon48 {
-    font-size: 42px;
+    font-size: 48px;
     height: 48px;
     line-height: 48px;
     width: 48px;
   }
 
   &.icon64 {
-    font-size: 56px;
+    font-size: 64px;
     height: 64px;
     line-height: 64px;
     width: 64px;
   }
 
   &.icon96 {
-    font-size: 84px;
+    font-size: 96px;
     height: 96px;
     line-height: 96px;
     width: 96px;
   }
 
   &.icon128 {
-    font-size: 112px;
+    font-size: 128px;
     height: 128px;
     line-height: 128px;
     width: 128px;
   }
 
   &.icon144 {
-    font-size: 130px;
+    font-size: 144px;
     height: 144px;
     line-height: 144px;
     width: 144px;