icons for markdown-alert

[relikd]

There is already some styling for .markdown-alert but it would be nice if the icon svgs were also included:

Note

Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

> [!TIP]
> Optional information to help a user be more successful.

> [!IMPORTANT]  
> Crucial information necessary for users to succeed.

> [!WARNING]  
> Critical content demanding immediate user attention due to potential risks.

> [!CAUTION]
> Negative potential consequences of an action.

[hyrious]

I guess the SVG should already be injected by markdown renderers (or their plugins). e.g.

• Marked.js extension: https://github.com/bent10/marked-extensions/blob/main/packages/alert/src/utils.ts#L6
• markdown-it extension: https://github.com/antfu/markdown-it-github-alerts/blob/main/src/index.ts#L40

These plugins play well with the CSS generated by this repo. What do you expect by meaning include these SVGs?

[relikd]

I use swift-markdown (cmark-gfm) to generate the html output. Which does not seem to include these. Unless I forgot to add some special attributes to the alert html?

https://github.com/relikd/QLMarkdown/blob/540ec785e58d3b14e52373c3bde3e8946aace4e2/Common/HTML.swift#L44-L49

Apart from that, the anchor icon for the title link is also included:

generate-github-markdown-css/constants.js

Lines 114 to 122 in 58d00ca

	.markdown-body h5:hover .anchor .octicon-link:before,
	.markdown-body h6:hover .anchor .octicon-link:before {
	width: 16px;
	height: 16px;
	content: ' ';
	display: inline-block;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,${octicon}");
	mask-image: url("data:image/svg+xml,${octicon}");