Code highlight component with copy button. Currently the dimension prop is only passed to the copy button, but it does not change the text size.
I choose to put the component in a custom folder to differentiate it from the other more basic components, because it has a dependency on the svelte-highlight and highlight.js packages. It also has a dependency on a custom css file for the syntax highlighting that was created by copying the grayscale-dark theme from the svelte-highlight package. Currently only dark mode is supported.
Code highlight component with copy button. Currently the
dimension
prop is only passed to the copy button, but it does not change the text size.I choose to put the component in a
custom
folder to differentiate it from the other more basic components, because it has a dependency on thesvelte-highlight
andhighlight.js
packages. It also has a dependency on a custom css file for the syntax highlighting that was created by copying thegrayscale-dark
theme from thesvelte-highlight
package. Currently only dark mode is supported.It can be previewed at
/csstest
.Closes #32