· moodle · 2 min read
Moodle Boost Bootstrap 5 SCSS for Moodle Bootstrap 5 Migration
Moodle migration to Bootstrap 5 has already begun. While it may take some time, I tried updating Boost SCSS to Bootstrap 5 but not the entire theme.
From the Moodle team, Brett Dalton has already posted in Moodle forums about the timeline of Moodle and bootstrap 5 official support. It may still take a couple of major Moodle version before we can see this happen.
Upgrade Overview
It would be naive to believe that upgrading Moodle to the support of Bootstrap 5 will be a simple task. Due to the fact Bootstrap 5 completely dropped support for jQuery in favor of vanilla JavaScript, the core of Moodle will require dramatic changes. Consequentially, it means that several adjustments must be conducted in order to allow the LMS to operate within the new environment.
However, that is far from being the end of that. It is not only the responsibility of the Moodle team, but also all the primary plugin developers adjusted their coding practices to follow Bootstrap 5 standards . Otherwise, the system can become unstable, its functions may crash or become unusable. The timeline for this transition reads as follows; hence, it will be executed in the following way:
This transition is outlined as follows:
Current Phase: Development work to transition to Bootstrap 5 has commenced.
Moodle 4.4: This phase will primarily focus on upgrading PopperJS, introducing the SCSS Deprecation process, and proactively refactoring Bootstrap 4 where needed.
Moodle 4.5 (LTS): An important step in the process, this release will see the Bootstrap 5 “bridge” to enable its initial integration within Moodle.
Moodle 4.6: The official upgrade to Bootstrap 5 will occur during this phase while ensuring backward compatibility with Bootstrap 4.
Boost theme SCSS
I personally undertook the challenge of migrating Boost SCSS files from Bootstrap 4 to 5. While the task proved successful, it ultimately proved of no use now. The reason being, the transition to Bootstrap’s vanilla JavaScript is a major obstacle.
Download Boost Bootstrap 5 Upgraded SCSS
If you wish you can download Boost bootstrap 5 SCSS from github:
Download Boost SCSS from Github.
Updated: 25 March 2024
