mirror of
https://github.com/alrayyes/wiki.git
synced 2025-08-07 15:21:03 +00:00
072ee64127* Add icons as masks
To handle a simple way to add custom icons, i made it pure css. Icon are now a mask for the callout-icon div, so they always follow the --color form the current callout.
Now to add a custom icon, you simply add
```css
.callout {
&[data-callout="custom"] {
--color: #customcolor;
--border: #custombordercolor;
--bg: #custombg;
--callout-icon: url('data:image/svg+xml; utf8, <custom formatted svg>');
}
```
to custom.scss
* remove now unused code
* Make callouts an enum
* docs: update instructions for custom callouts
* Prettier & run format
* dynamic matching
For maintainability, make dynamic mathching. If we or Obsidian want to support more callouts, we simply add it to the enum
* callout mapping const
Getting ride of the enum entierly as it's not worth here?
* fix callout icon styling
* Add forgotten icons
* Rebase
* harmonize callout icon and fold icon
* fix docs + prettier
* Update docs/features/callouts.md
Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>
* Update quartz/plugins/transformers/ofm.ts
Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>
* Suggestions fix
* remove unecessary rules
* comment is always nice
* Update docs/features/callouts.md
---------
Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>
|
||
|---|---|---|
| .. | ||
| backlinks.md | ||
| breadcrumbs.md | ||
| callouts.md | ||
| darkmode.md | ||
| Docker Support.md | ||
| explorer.md | ||
| folder and tag listings.md | ||
| full-text search.md | ||
| graph view.md | ||
| index.md | ||
| Latex.md | ||
| Mermaid diagrams.md | ||
| Obsidian compatibility.md | ||
| OxHugo compatibility.md | ||
| popover previews.md | ||
| private pages.md | ||
| recent notes.md | ||
| RSS Feed.md | ||
| SPA Routing.md | ||
| syntax highlighting.md | ||
| table of contents.md | ||
| upcoming features.md | ||
| wikilinks.md | ||