When enabled, Quartz Syncer automatically manages the SCSS styles required by enabled integrations.
What this setting does
- Writes SCSS files for each enabled integration to
quartz/styles/syncer/ - Generates an index file at
quartz/styles/syncer/_index.scssthat imports all integration styles - Updates
custom.scssto include@use "./syncer";if not already present
Directory structure
When integrations with styles are enabled (Datacore, Fantasy Statblocks, Auto Card Link, Excalidraw), the following structure is created:
quartz/
└── styles/
├── custom.scss ← Updated to include @use "./syncer";
└── syncer/
├── _index.scss ← Auto-generated, imports enabled integrations
├── _datacore.scss
├── _fantasy-statblocks.scss
├── _auto-card-link.scss
└── _excalidraw.scss
When to disable
You may want to disable this setting if:
- You prefer to manage Quartz styles manually
- You have custom modifications to integration styles
- You want to use a different styling approach
When disabled, integration content will still be compiled, but without the accompanying styles. You would need to add the necessary CSS/SCSS manually to your Quartz project.