Skip to content

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:

  1. On the main Drupalorg repo, checkout issue-3471060-configs-separate-old-and-new-css
  2. Run ddev restart
  3. Run ddev composer install
  4. Run composer recreate
  5. Run ddev drush cr
  6. Run composer install-storybook"
  7. Run ddev yarn storybook
  8. Visit the storybook site at https://drupalorg.ddev.site:6006/
  9. 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
  10. Log in as admin to the drupal site
  11. Create a Landing page
  12. 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.
  13. 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

Merge request reports

Loading