Converting Less to Sass

We converted our project from Less to SCSS. Our original decision to go with Less rather than Sass hinged around Bootstrap 3’s use, along with with the fact that the original Sass syntax was a turn-off.

With SCSS being the way forward, the original objection to the boutique Sass syntax was eliminated. With Bootstrap 4 on the horizon and its adoption of SCSS, we decided to look into the effort to convert.

Because Less and Sass essentially do the same thing, this fortunately was quite straightforward. We had to be careful to ensure the variables got the $ and @mixin and @import were properly put into place.

The only problems were uncaught CSS goofs. More time was spent reconfiguring the Gruntfile to work with grunt-sass.

 

Leave a Reply