Bootstrap upgrade

Project description

Mautic currently uses a very outdated version of Bootstrap, which is inhibiting a lot of the work in the UX/UI Tiger Team. This project involves updating Bootstrap across the application including all the necessary changes to code and layout to support this update, such as switching from LESS to SASS. This project will allow the future development of many new features and enhancements that rely on capabilities introduced by newer versions of Bootstrap.

Expected outcomes

• Update Mautic from the current version of Bootstrap to version <<insert version>>
• Add new NPM packages
• Switch from using LESS to SASS
• Modify the PHP function that copies resources from node_modules to folders used in production
• Documentation update for users and developers where required
• Migrate existing custom utility classes to those introduced by Bootstrap
• Migrate deprecated Bootstrap JS libraries to the new ones (e.g. for tooltips)
• Maintain or increase layout stability for all existing components
• Update the grunt compile-less task to use a new watcher for building the final CSS
• Refactor hardcoded CSS files from each bundle to use SASS instead
• Implement a CSS purifier to remove unused code from the production environment

Skills needed

• PHP
• LESS/SASS
• JS
• HTML
• CSS

Size

Large (350 hours)

Difficulty

Hard

Type

Core Development

Mentors

Primary mentor: AJ Eccel
Additional mentors: John Linhart