diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx
index a3c0800..3cb6bea 100644
--- a/quartz/components/Head.tsx
+++ b/quartz/components/Head.tsx
@@ -21,6 +21,12 @@ export default (() => {
{title}
+ {cfg.theme.cdnCaching && (
+ <>
+
+
+ >
+ )}
@@ -30,12 +36,6 @@ export default (() => {
- {cfg.theme.cdnCaching && (
- <>
-
-
- >
- )}
{css.map((href) => (
))}
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 34f180c..55ea8aa 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -87,7 +87,7 @@ svg {
color: var(--secondary);
font-family: var(--headerFont);
font-size: 0.95rem;
- font-weight: $boldWeight;
+ font-weight: $semiBoldWeight;
line-height: 1.5rem;
display: inline-block;
}
@@ -112,7 +112,7 @@ svg {
font-size: 0.95rem;
display: inline-block;
color: var(--secondary);
- font-weight: $boldWeight;
+ font-weight: $semiBoldWeight;
margin: 0;
line-height: 1.5rem;
pointer-events: none;
diff --git a/quartz/plugins/emitters/componentResources.ts b/quartz/plugins/emitters/componentResources.ts
index 67bc69c..0468416 100644
--- a/quartz/plugins/emitters/componentResources.ts
+++ b/quartz/plugins/emitters/componentResources.ts
@@ -196,10 +196,6 @@ export const ComponentResources: QuartzEmitterPlugin = (opts?: Partial<
const cfg = ctx.cfg.configuration
// component specific scripts and styles
const componentResources = getComponentResources(ctx)
- // important that this goes *after* component scripts
- // as the "nav" event gets triggered here and we should make sure
- // that everyone else had the chance to register a listener for it
-
let googleFontsStyleSheet = ""
if (fontOrigin === "local") {
// let the user do it themselves in css
@@ -247,12 +243,15 @@ export const ComponentResources: QuartzEmitterPlugin = (opts?: Partial<
}
}
+ // important that this goes *after* component scripts
+ // as the "nav" event gets triggered here and we should make sure
+ // that everyone else had the chance to register a listener for it
addGlobalPageResources(ctx, resources, componentResources)
const stylesheet = joinStyles(
ctx.cfg.configuration.theme,
- ...componentResources.css,
googleFontsStyleSheet,
+ ...componentResources.css,
styles,
)
const [prescript, postscript] = await Promise.all([
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index f0e7c14..6c8f836 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -54,7 +54,7 @@ ul,
}
a {
- font-weight: $boldWeight;
+ font-weight: $semiBoldWeight;
text-decoration: none;
transition: color 0.2s ease;
color: var(--secondary);
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index 7fa52c5..b1fd180 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -157,6 +157,6 @@
}
.callout-title-inner {
- font-weight: $boldWeight;
+ font-weight: $semiBoldWeight;
}
}
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index 8384b9c..e45cc91 100644
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -5,4 +5,5 @@ $sidePanelWidth: 380px;
$topSpacing: 6rem;
$fullPageWidth: $pageWidth + 2 * $sidePanelWidth;
$boldWeight: 700;
+$semiBoldWeight: 600;
$normalWeight: 400;