Skip to content
Discussion options

You must be logged in to vote

This can already be done! In mkdocs.yml:

extra:
  status:
    experimental: Experimental feature

Then add a new CSS class with the status name as BEM modifier (e.g. --experimental) and the SVG, prefixed with: url('data:image/svg+xml;charset=utf-8,<SVG...>')

.md-status--experimental::after {
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 17.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0Zm-.25-8.25a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Z"/><path fill="currentColor" d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2…

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by squidfunk
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants