Remove usage of Less for styling in favour of SCSS

[rtibbles]

Observed behavior

Studio currently has three vestigial less style files that necessitate us adding additional tooling to handle.

• contentcuration/contentcuration/frontend/shared/styles/main.less
• contentcuration/contentcuration/frontend/shared/views/MarkdownEditor/plugins/image-upload/style.less
• contentcuration/contentcuration/frontend/shared/views/MarkdownEditor/plugins/formulas/style.less

Unfortunately, there are also many more "less" style blocks in our Vue.js components that also need to be updated.

For the most part of a lot of these are probably SCSS compatible (and some appear to be simply plain CSS), but each would need to be checked and updated.

Expected behavior

Probably the most foolproof procedure for converting each LESS block here will be:

First compile the LESS to CSS (can either use a web tool like https://lesscss.org/less-preview/ or use the LESS cli/API in local development).
Then if there are any obvious ways to use SCSS syntax to cleanup the resulting CSS, this can be applied in a second step.

Once all the files have been converted, then any less related tooling in our build pipeline can be removed, and any less related dependencies removed using yarn.

[Yadnyesh-More]

hello @rtibbles can you assign this to me?

[chetan21122004]

/assign

[akolson]

Hi @Yadnyesh-More. Thank you! I have assigned it to you. Be sure to reach out to reach out to @rtibbles incase its not clear what needs to be done while resolving the issue.

Apologies @chetan21122004. As @Yadnyesh-More requested first, the issue has been assigned to him. I'll be sure to let you know incase it's available again.

[akolson]

@chetan21122004 We currently have other contributing opportunities in three repositories. You can see the contributing guidelines including links to issues suitable for contribution for each repository here:

Kolibri Contributing Guidelines
Kolibri Design System Contributing Guidelines
Studio Contributing Guidelines

[chetan21122004]

@akolson ok I will, Thanks ✨

[Yadnyesh-More]

hello @rtibbles Due to some unforeseen reasons, I won’t be able to work on the assigned task at the moment. I kindly request you to unassign it so someone else can take it up and ensure progress.

[AlexVelezLl]

Hi @Yadnyesh-More! Thanks for letting us know. No worries :), I will unassign this issue from you.

[adibmbrk]

Hi @rtibbles @AlexVelezLl , can i work on this issue?

[MisRob]

Hi @adibmbrk, thank you for volunteering! I will assign you.

[MisRob]

Hi @adibmbrk, I wanted to mention that Learning Equality will be closed from December 23 to January 5.

[shruti862]

@adibmbrk Are you still working on this issue?

[adibmbrk]

hi @shruti862 , yes im working on this issue