Keeping SCSS in the mix lead to massive Docker images that topped nearly 1.1GB. A lot of build time also went towards building dependencies when installing dependencies via pipenv install, in particular building the long-deprecated libsass.
I decided to simplify things by ripping out SCSS and migrating the site's CSS to use native CSS nesting support in evergreen browsers. I'm using the "older" style of CSS nesting selector that uses the parent selector & in more places for greater backwards compatibility with Chrome, Firefox, Safari, and others (caniuse). IE support is being ignored because it's 2023 and I don't have enough hours in the day.
bootstrap-v4.6.1.css was generated from the previous SCSS copy of Bootstrap the project had previously been using.
Keeping SCSS in the mix lead to massive Docker images that topped nearly 1.1GB. A lot of build time also went towards building dependencies when installing dependencies via
pipenv install
, in particular building the long-deprecated libsass.I decided to simplify things by ripping out SCSS and migrating the site's CSS to use native CSS nesting support in evergreen browsers. I'm using the "older" style of CSS nesting selector that uses the parent selector
&
in more places for greater backwards compatibility with Chrome, Firefox, Safari, and others (caniuse). IE support is being ignored because it's 2023 and I don't have enough hours in the day.bootstrap-v4.6.1.css was generated from the previous SCSS copy of Bootstrap the project had previously been using.