Use SCSS files to generate CSS (not LESS)


Currently the Requisitions-UI application has two sources for CSS styling code. The SCSS files that are being used to generate the OpenLMIS Styleguide, and the LESS files that were moved over from OpenLMIS v2.

The issue is that the LESS files are being used to generate the CSS for the Requisition-UI, where we really should be using the SCSS files. The rational behind creating a living styleguide is that the same code creates the styleguide and the actual application, which allows for component driven development and accessible documentation.

The grunt build process should be changed to compile SCSS files, and the LESS files should be removed from the repository.

Acceptance Criteria:

  • All styles and KSS documentation come from one set of files.

  • The LESS files are removed from the repo.

  • Update build process to build SASS, remove LESS build steps

  • The style guide and the reference UI still both work and look visually the same as they do currently.




Nick Reid
September 27, 2016, 2:26 PM

& // yea, this code looks right enough when run — these styles will change (slowly) — so I think this is the best we can do for now.

Sebastian Brudziński
September 27, 2016, 11:18 AM

I feel comfortable moving this to done, especially that who created the ticket took a look at the changes and approved them.

Paweł Gesek
September 27, 2016, 11:14 AM

do we need the qas to test this? this seems like a task for which code review would suffice



Sebastian Brudziński


Nick Reid