How to compile custom css file.

0
hi I added one custom class in template grid and then put styling for that class in styles/web/sass/app/_custom.scss file .. but I dont know how to compile it .. is any external application I need for compilation or any other solution to add custom styles for grid.
asked
3 answers
2

Hi shubham dhorajkar,

 

Please use calypso sass compiler to convert the css to sass code.

https://www.dropbox.com/sh/r1vx2kig86v5wa6/AABQC8MJfNi8Ff9skinrIf7Ea?dl=0

answered
1

Refer 

https://docs.mendix.com/howto6/setup-mendix-ui-framework-with-koala

https://docs.mendix.com/howto/front-end/use-gulp-and-sass

https://docs.mendix.com/howto/front-end/calypso

answered
1

If you are one of the many persons using Visual Studio Code, then have a look at this option:

Add extension ‘Live Sass compiler’, click its cogwheel and add this to the settings.json, making any change to styling getting pushed to the local deployment directory:

"liveSassCompile.settings.formats": [
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "/../../../deployment/web/styles/web/css/"
    },
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "/css"
    }
],

The advantage over Calypso is that you need not start the extra application and need not occupy an extra port. The CSS gets created from the application in which you are making the styling changes, immediately visible in the browser.

 

answered