GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 05:14:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Move SVG alignment code to badges.scss

Browse Source
This commit is contained in:
WinnerWind 2025-07-23 16:09:56 +05:30
parent daabf148e8
commit 889217453c
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
quartz/plugins/transformers/badges.ts
View File

@ -138,11 +138,6 @@ export const InlineBadges: QuartzTransformerPlugin<Partial<Options>> = (userOpts
content: badgesCSS, content: badgesCSS,
inline: true, 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. // Sets the colour of custom badges.
for (let badgeDef of opts.customBadges) { for (let badgeDef of opts.customBadges) {
let badgeColor: string = `${badgeDef.color[0]},${badgeDef.color[1]},${badgeDef.color[2]}` let badgeColor: string = `${badgeDef.color[0]},${badgeDef.color[1]},${badgeDef.color[2]}`

3
quartz/styles/badges.scss
View File

@ -69,7 +69,10 @@ body {
.inline-badge .inline-badge-icon svg { .inline-badge .inline-badge-icon svg {
width: 14px; width: 14px;
height: 14px; height: 14px;
display: flex;
align-self: center;
} }
.inline-badge .inline-badge-extra, .inline-badge .inline-badge-extra,
.inline-badge .inline-badge-icon { .inline-badge .inline-badge-icon {
display: inline-flex !important; display: inline-flex !important;