feat: c-news

[wesleyboar]

Overview

Add the c-news pattern.

Related

• TUP-463
• requires feat: c-pill #234
• migrated from TACC/tup-ui css/for-core-styles/components.
• does not include blog styles changes in TACC/tup-ui css/for-core-cms/components.

Changes

• added c-news styles
• added c-news demo
  • copy some HTML from TACC
  • use .c-news class names
  • demo all variations
• added c-news to CMS

Testing

Open and review:

• http://localhost:3000/components/detail/c-news--list
• http://localhost:3000/components/detail/c-news--read

UI

List	News
…	…

Notes

Important
Note to Self. Do not support Django CMS Blog class names. After this PR is merged, update TACC/Core-CMS's Django CMS Blog templates to use .c-news class names.

Why

Preserving the source markup and classes of Django CMS Blog is not worth the effort.

1. The source class names have zero official styles. They are meant as suggestions or starter code, not an API.
2. My comments about piecemeal TACC changes to Django CMS templates is (a) tedious to maintain, (b) not worth the effort because source templates rarely change, (c) information that can instead be in commits, PRs, or documents.
3. It is easier for a developer to navigate HTML and classes than a flood of comments, and a complex CSS effort to support selectors for different contexts (.c-news for TUP CMS User Updates, and .app-blog for Django CMS Blog).
4. After performing feat: s-form-page, c-form--login, s-form--login #205 (which might have been worth the effort), I want to avoid ever building such a prison again.