Closed chrisjsewell closed 2 years ago
Just seeing this in the css -- https://caniuse.com/css-masks is not in chrome/webkit which this uses.
Mine currently look like this in Chrome here: https://executablebooks.github.io/markdown-it-docutils/:
(changed the mask property on the second one...)
Ah cheers, that could be it then π
Ah so furo uses https://github.com/postcss/autoprefixer (via gulp) during the css compliation, which auto-adds vendor prefixes (which is why I did not find e.g. -webkit-mask-image
in the actual sass)
After update to markdown-it-docutils v0.0.10:
Replaced the (very adhoc) local markdown-it plugin for directives, with https://github.com/executablebooks/markdown-it-docutils, and in general it works π ! (some notes and todos below)
TODOS:
code
/code-block
/code-cell
directives; once that is done there will be > parity with the plugin it is replacing{code-block}
does not get parsed as a directive, which needs to be fixed, i.e. the regex needs to include-
markdown-it-docutils/dist/css/style.min.css
to./styles.css
, but it would be good to have this updated automaticallyToken.map
for all the (block) nodes@media (prefers-color-scheme: dark)
to change between light and dark themes. This doesn't necessarily play well with the VS Code themes, so should think about either (a) if this is the best approach in the first place and/or (b) if we should override some of these variables.@rowanc1 it would be great if you give this a try (the dev instructions are in the README); it would be good for you to understand this use case for the markdown-it plugins, and maybe even get some idea for curvenote π
also cc @pradyunsg (as mentioned I borrowed some of your sass from Furo π)