Menu icon Foundation
Run Sass on a webserver within my wordpress website

Hi everbody!
i am running foundation 5 in a wordpress theme. how can i add sass (libsass) support to my wordpress site, so i can change my settings file on the server, etc.? I want my webserver to compile sass and turn it into css when the page is called. does anybody know how to do that?

wordpressSasslibsasscompileFoundation

Hi everbody!
i am running foundation 5 in a wordpress theme. how can i add sass (libsass) support to my wordpress site, so i can change my settings file on the server, etc.? I want my webserver to compile sass and turn it into css when the page is called. does anybody know how to do that?

Jeremy Englert over 2 years ago

Phil, you're going to have to work locally when working with Sass and then push your files to the server.

Rafi Benkual over 2 years ago

Jeremy is right. Sass cannot be read by a browser, and it would be very slow to compile on the fly even with Libsass. Is that what you meant?

phil over 2 years ago

Yes I know that. But you know that there is for example http://leafo.net/scssphp/. It compiles the scss files on a webserver. I think something like this would be amazing as a wp plugin:
The plugin offers the option to switch between using the compiled css or recompiling the scss files. How awesome would that be? You can edit your foundation files on the webserver while the website is running and when you are done, you let the compiler parse the scss file via the plugin configuration and switch back to use just the compiled css, since it just got updated.

Makes sense?

Shay Hurley over 2 years ago

You should really make your changes locally and under source control before deploying to your live server. That way you make sure everything has been verified and tested without affecting the live environment. Editing directly on the server could cause problems if your changes break the site.

Ernesto Miquel about 2 years ago

Hi!

Have you found the solution to your problem?
I have the same question.

Thank you.

Ankit Singh 7 months ago

i think you might be looking for wp-scss plugin which uses http://leafo.net/scssphp/ according to phil answer it compiles on server, i have tried it locally but not on webserver. their is another compiler https://github.com/richthegeek/phpsass for sass syntax and plugin name wp-sass but unfortunately i'm not able a run it but some folks have tried it https://github.com/roborourke/wp-sass

GMK Hussain 5 days ago

You need to compile, no some way out..  because they aren’t standards, while CSS is