update theme libaries to split new and old css with separated base styles
update libaries to split new and old css and add preprocessing function to load based on content type
Closes #3471060
Please review the following MR with this one: https://gitlab.com/drupal-infrastructure/sites/drupalorg/-/merge_requests/25
To test:
- On the main Drupalorg repo, checkout
issue-3471060-configs-separate-old-and-new-css
- Run
ddev restart
- Run
ddev composer install
- Run
composer recreate
- Run
ddev drush cr
- Run
composer install-storybook"
- Run
ddev yarn storybook
- Visit the storybook site at
https://drupalorg.ddev.site:6006/
- You should be able to verify that the following are loading:
- /themes/contrib/bluecheese/css/legacy-support/sass-generated-reset.css
- /themes/contrib/bluecheese/css/global-variables.css
- /themes/contrib/bluecheese/css/sass-generated-basic-elements.css
- /themes/contrib/bluecheese/css/sass-generated-styles.css
- Log in as admin to the drupal site
- Create a Landing page
- It should support layout builder and it should also have a "component" paragraph field in the node form. If you disable css aggregation you should see it loads the same css files as above.
- Review the compiles sytyles.css. It should only use named ID and class selectors. All styles directly applied to elements should be in the other new CSS files.
Edited by Bill Sprowl