From da13359e5a9a13d9c51fe08ebfec75e01e47365d Mon Sep 17 00:00:00 2001 From: WinnerWind <71366717+WinnerWind@users.noreply.github.com> Date: Tue, 15 Jul 2025 12:46:53 +0530 Subject: [PATCH] Fix code style --- quartz/plugins/transformers/badges.ts | 32 +++++++++++++-------------- quartz/styles/badges-optional.scss | 32 +++++++++++++++------------ 2 files changed, 34 insertions(+), 30 deletions(-) diff --git a/quartz/plugins/transformers/badges.ts b/quartz/plugins/transformers/badges.ts index 82aab8cbc..245948961 100644 --- a/quartz/plugins/transformers/badges.ts +++ b/quartz/plugins/transformers/badges.ts @@ -99,7 +99,7 @@ const REGEXP = /\[!!([^\]]+)\]/gm const CODEREGEX = /`([^`\n]+)`/g export interface Options { - customBadges: Array<[string, string, [number, number, number, number], number]>, // Write in format [ [icon,name,[RED,GREEN,BLUE,ALPHA],TEXT_ALPHA], [icon,name,[RED,GREEN,BLUE,ALPHA],TEXT_ALPHA] ] + customBadges: Array<[string, string, [number, number, number, number], number]> // Write in format [ [icon,name,[RED,GREEN,BLUE,ALPHA],TEXT_ALPHA], [icon,name,[RED,GREEN,BLUE,ALPHA],TEXT_ALPHA] ] useObsidianCSS: boolean } @@ -115,8 +115,8 @@ export const InlineBadges: QuartzTransformerPlugin> = (userOpts name: "InlineBadges", textTransform(_ctx, src) { // Append custom badges. - for (let badge of opts.customBadges){ - allBadges.push([badge[1],badge[1],badge[0]]) // Pushes it to the array in the format [icon,icon,name]. + for (let badge of opts.customBadges) { + allBadges.push([badge[1], badge[1], badge[0]]) // Pushes it to the array in the format [icon,icon,name]. } var srcReplacement: string = src //Start by assuming there are no badges. @@ -142,25 +142,25 @@ export const InlineBadges: QuartzTransformerPlugin> = (userOpts inline: true, }) // Sets the colour of custom badges. - for (let badgeDef of opts.customBadges){ - let badgeColor: string = `${badgeDef[2][0]},${badgeDef[2][1]},${badgeDef[2][2]}` - let textColor: string = `rgba(var(--badge-color),${badgeDef[3]})` - let badgeName: string = badgeDef[1] // Removes the "" from the name. + for (let badgeDef of opts.customBadges) { + let badgeColor: string = `${badgeDef[2][0]},${badgeDef[2][1]},${badgeDef[2][2]}` + let textColor: string = `rgba(var(--badge-color),${badgeDef[3]})` + let badgeName: string = badgeDef[1] // Removes the "" from the name. css.push({ - content: `.inline-badge[data-inline-badge=${badgeName}] { + content: `.inline-badge[data-inline-badge=${badgeName}] { --badge-color: ${badgeColor}; color: rgba(var(--badge-color), ${badgeDef[2][3]}); background-color: ${textColor}; }`, - inline: true, - }) - - if (opts.useObsidianCSS){ - css.push({ - content: obsidianOptionalCSS, - inline: true + inline: true, }) - } + + if (opts.useObsidianCSS) { + css.push({ + content: obsidianOptionalCSS, + inline: true, + }) + } } return { js, css } }, diff --git a/quartz/styles/badges-optional.scss b/quartz/styles/badges-optional.scss index d1ffef2a4..7c0d9d363 100644 --- a/quartz/styles/badges-optional.scss +++ b/quartz/styles/badges-optional.scss @@ -1,16 +1,16 @@ // This CSS is required to render badges properly. // WinnerWind. -:root{ - body{ - --radius-l: 12px; - --radius-m: 8px; - --radius-s: 4px; - a.external .external-icon { - height:0px; - margin:0em; - display:none; - } +:root { + body { + --radius-l: 12px; + --radius-m: 8px; + --radius-s: 4px; + a.external .external-icon { + height: 0px; + margin: 0em; + display: none; } + } } :root[saved-theme="dark"] { --chalk-grey: #dddddd; @@ -58,9 +58,11 @@ --interactive-accent: var(--color-accent); --interactive-accent-hover: var(--color-accent-1); --mono-rgb-100: 255, 255, 255; - --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), + --shadow-l: + 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); - --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), + --shadow-s: + 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3); --text-accent: var(--color-accent-1); color-scheme: dark; @@ -114,9 +116,11 @@ --h5-color: var(--chalk-grey); --h6-color: var(--chalk-grey); --mono-rgb-100: 0, 0, 0; - --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), + --shadow-l: + 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); - --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), + --shadow-s: + 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07); color-scheme: light;