[openstreetmap/openstreetmap-website] Remove Sass/SCSS (Issue #7251)

[Andy Allan]

gravitystorm left a comment (openstreetmap/openstreetmap-website#7251)

It would certainly be nice to drop the sass compilation chain, if that is possible. It's generally been a headache for us.

We're only light users of sass, and I think most of our usage can be split into the following categories:

* Sass usage that can be removed today. I think things like "$blue" are already available as CSS variables in Bootstrap 5.3
* Sass usage that can be removed in future. Bootstrap 6 is moving towards using CSS variables more extensively, and that may allow us to remove more sass variables.
* Sass usage that can be refactored. We use things like `@extend` and might be able to move this to classes in views, and other refactorings like that.
* Sass usage that might need workarounds. `media-breakpoint-up` is the most obvious one, since media breakpoints cannot be defined using variables. Unrolling sass loops might be another.

My recommendation would be to start refactoring the easy bits first, so that the rest of the discussion becomes more tractable. I would avoid the hard bits (e.g. the workarounds, or manually expanding loops, etc) for now since they are only a tradeoff that's worth doing when the goal is within reach.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/7251#issuecomment-5071087201
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/7251/5071087201 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260724/f1d6ddc7/attachment.htm>