From 889217453c1e733636cc108f923153d377cd08a4 Mon Sep 17 00:00:00 2001
From: WinnerWind <71366717+WinnerWind@users.noreply.github.com>
Date: Wed, 23 Jul 2025 16:09:56 +0530
Subject: [PATCH] Move SVG alignment code to `badges.scss`

---
 quartz/plugins/transformers/badges.ts | 5 -----
 quartz/styles/badges.scss             | 3 +++
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/quartz/plugins/transformers/badges.ts b/quartz/plugins/transformers/badges.ts
index 2f7d85620..765e4a08e 100644
--- a/quartz/plugins/transformers/badges.ts
+++ b/quartz/plugins/transformers/badges.ts
@@ -138,11 +138,6 @@ export const InlineBadges: QuartzTransformerPlugin<Partial<Options>> = (userOpts
         content: badgesCSS,
         inline: true,
       })
-      css.push({
-        // Requirement for the SVG to align properly.
-        content: ".inline-badge .inline-badge-icon svg {display: flex;align-self: center;}",
-        inline: true,
-      })
       // Sets the colour of custom badges.
       for (let badgeDef of opts.customBadges) {
         let badgeColor: string = `${badgeDef.color[0]},${badgeDef.color[1]},${badgeDef.color[2]}`
diff --git a/quartz/styles/badges.scss b/quartz/styles/badges.scss
index 19f233b54..de0c960c9 100644
--- a/quartz/styles/badges.scss
+++ b/quartz/styles/badges.scss
@@ -69,7 +69,10 @@ body {
 .inline-badge .inline-badge-icon svg {
   width: 14px;
   height: 14px;
+  display: flex;
+  align-self: center;
 }
+
 .inline-badge .inline-badge-extra,
 .inline-badge .inline-badge-icon {
   display: inline-flex !important;