topic scss files in Web AppBuilder Custom Widgets Questions

scss files

GisGKAuckland — Mon, 10 Apr 2017 04:36:02 GMT

can someone give me links on how scss files are incorporated into a widget.

has the conversion to css to be done manually? if so what tools are preferred in WAB

Re: scss files

RobertScheitlin__GISP — Mon, 10 Apr 2017 13:02:30 GMT

A scss file needs to run through a css preprocessor like SASS to convert it to a standard css file. So the widget does not actually use the scss file. You can use Sass to convert it.

http://sass-lang.com/

Re: scss files

GisGKAuckland — Mon, 10 Apr 2017 23:21:53 GMT

Thanks for the same.

When you have a widget having scss files, how does one go about changing it in the current environment?

My problem is i had to change the color of a button, I opened the css and tried my lotto . It changed all over the place. Looking at the scss it was meaningful and I could pinpoint where to change it. Is there a better approach?

Re: scss files

RobertScheitlin__GISP — Mon, 10 Apr 2017 23:24:39 GMT

You would make your changes in the scss file and use sass to recompile your changes to the css file.