Currently I’m building my first template for kirby. For my CSS I use the YAML.de ( v4.1.2) CSS framework.
I’ve found out that image links in the content.txt will wrapped into
<figure>…</figure> in the final html. If I wrote (image: about.jpg class:flexible) the class will applied to
<figure class="flexible"> not to the
See Flexible Media (responsive) about YAMLs flexible class http://www.yaml.de/docs/index.html#yaml-typography
The only way to get the image scaled properly I figured out is to write the link like this:
(image: about.jpg width: 100% height: 100% class:flexible)
But that is very long and not very convenient when I have to do it for every linked image. (And even worse, it will be very difficult to explain it to the customer.)
Do you know a short and more convenient and shorter way to apply the YAML class to every image tag in a content.txt or let all the images scale otherwise to the width of the column?
Thank you in advance for your help!
PS: And I hope it’s understandable because my english isn’t the best. And I’m sure that it is not my last question.