refactor: figure & blockquote, @mixin not @extend

[wesleyboar]

Overview

Use figure and blockquote styles form Core-Styles via @mixin not @extend.

Important

Install Core-Styles at version after releasing TACC/Core-Styles#612

Related

• requires refactor: convert x-figure & x-blockquote to mixins Core-Styles#612
• required by fix: a11y issues (+ update core-cms & core-styles) tup-ui#537

Changes

• updates Core-Styles
• changes @extend .x-figure to @mixin figure

Testing

1. Build CSS for main and this branch such that you can compare diff:

   git checkout main
   git pull
   npm ci
   npm run build:css
   git add -f taccsite_cms/static/site_cms/css/build
   gco refactor/use-figure-and-blockquote-mixins-bot-extend
   git pull
   npm ci
   npm run build:css

2. Verify unstaged diff of taccsite_cms/static/site_cms/css/build/figure-caption-blockquote.css looks similar to diff of refactor: convert x-figure & x-blockquote to mixins Core-Styles#612 dist/elements/html-elements.docs.css.

3. Stage the diff of new build:

   git add -f taccsite_cms/static/site_cms/css/build

4. Copy diff of refactor: convert x-figure & x-blockquote to mixins Core-Styles#612 dist/elements/html-elements.docs.css into taccsite_cms/static/site_cms/css/build/figure-caption-blockquote.css.

5. Verify diff is just the new selectors in taccsite_cms/static/site_cms/css/src/_imports/elements/figure-caption-blockquote.css and the unique rule at the bottom of it.

UI

Skipped.

I will do manual integration test via TACC/tup-ui#537. This is belated housekeeping to allow me to properly fix illegible caption on https://tacc.utexas.edu/use-tacc/visualization-services/.