🆕 blog! “Server-Side Rendering of Embedded Markdown Code Snippets in WordPress”
Because I'm a grumpy old man, I don't use Gutenberg or Block themes on my WordPress. Instead, I write everything in Markdown. When I write code snippets in Markdown, they look like this: ```php $a = 1; echo $a; if ($a < 5) { // Do Something return thing( $a, true …
My <code> blocks scroll horizontally when they overflow (good!) but is there any way to slightly fade out the right side only if there's further content to be seen?
I want to make it a bit more obvious if there's some more content to be seen. No everyone scrolls down to see the x-axis scroll bar.
@Edent Yes! A after pseudo element with the same color as the background. Make it relatively small (0.5rem?). And attach it to the right side of the container.
@tomayac yeah, there is some weird colouring going on.
TBH, everyone seems to have a different theme for their preferred IDE - so I might just go with rainbow colours 🌈
Add comment