feat(djangocms_blog): article 'has-blog-tag-...' class names

[wesleyboar]

Overview

For every li a.blog-tag-... an article has (in its metadata), add has-blog-tag-... class on the <article>.

Related

• bundled with feat: support blog article redirect via cms setting & html class #594
• expected for future styling (different ui per list item based on tag)

Changes

• add script to post_list.html

Testing

1. Load News list that has articles with tags.
2. Match each article.post-item > header > ul.tags > li > a[class*="blog-tag-"] class to article.post-item classes of the pattern .has-blog-tag-…* i.e.
   1. given a news article with tag test,
   2. then article has metadata tag link with class blog-tag-test,
   3. and article has class has-blog-tag-test*.

^{* The has- prefix is added to replicate CSS :has() selector, so that CSS can select via article:has(.blog-tag-test) (if browser supports :has()) and article.has-blog-tag-test (if browser does not support :has()).}

UI