Hi,
Has someone did SCSS conversion to CSS in any of their projects? can you please share some details on the tool used and the experiences pl?
Thanks
You can refer below link for more details
https://www.outsystems.com/forums/discussion/33866/inheritance-in-scss/
https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Look_and_Feel/Cascading_Style_Sheets_(CSS)
Regards,
Vipasha
Hello,
I use this one https://www.safetoconvert.com/scss-to-css-converter
I've used http://koala-app.com/. Copy-paste results to OutSystems.
It is possible to setup an extension to do on-the-fly conversion using LibSass, which will allow you to type SASS in OutSystems CSS box. As fun as this sounds, there's overhead and it's not that straightforward to actually get working and/or running.
Yeah, a CSS Preprocessor would be great.
I use Visual Studio Code with the "Live Sass Compiler" Extension. In a second "Tab" i have the compiled CSS that get's updated after each save (thanks to the Live Sass Compiler).
The result is then copied to the "Stylish"-Chrome Extension to see the results immediateley, without the need to compile the OutSystems-Stuff.
When everything is fine, i copy the CSS into a OutSystems-Theme and compile it, so every teammember sees the results.
You can use online SCSS to CSS converter tool.
https://jsonformatter.org/scss-to-css
Yesterday, i created a Solution for me, that solves the problem - i uploaded it to the forge, so you can check it out.
SASS Hub
At first, you create a Project (you can have multiple Projects in there) and then you can write SCSS/SASS and click on compile. When you are happy with the result - just hit save. -> A new version of your Style will be saved.
You have a history of your SCSS and CSS files and can access them through a REST Api
Or just copy paste it to your OutSystems Theme