Zurb Foundation and SASS

[csaeum]

So hi another question for you.

I did my first page bootstrap and ProcessWire almost finished.

The next page I want to do with files of ZURB Foundation and the compiled CSS.

In the system before, there was to a finished module. This is available for PW Yes net and I would therefore incorporate Foundation itself. With normal data not a problem but with SASS already.

How should we proceed so that the PW CSS files always kompliert and then stores?

Would be grateful for tips and suggestions as I am not a PHP programmer.

Thanks for help

Chris

[LostKobrakai]

Sass compilation is not the job of processwire. You're doing that with one of various tools out there on your local machine and you'll simply link the compiled css file in your markup, which processwire will generate.

[csaeum]

Ok but there must also go directly into the system and not only to the local PC and in the development environment?

What tools I would need as integrate?

Sorry'm really Noob!

[LostKobrakai]

You'll use the compiled css file like you would any other css file in processwire. There's nothing special about it after it's compiled. For compilation I'd suggest to start with one of those applications mentioned here http://sass-lang.com/install.

[Joss]

If you think about the /site/templates/ folder as if it is the root of a static html site, then it is easier to see what happens.

When I use sass, I have a scss folder somewhere on the site (it can be within templates, or elsewhere, it doesn't matter).

I then compile the main scss file and output it in /site/templates/css/  as something like site.css.

Then your templates in your templates folder simply reference that file.  I personally use Prepros, but there are a lot of systems out there.

[csaeum]

Thank you Joss and LostKobrakai

I'll try it Koala or Scout. Let's see if I can refresh my php skills so well again.

The best would be to not compiled data list in a Textares and to edit and then send the save by the compiler and thus to secure the Templates folder.

[gebeer]

If you really want to compile the sass files on the server via PHP, there is http://leafo.net/scssphp/. Only works for scss syntax, though.

When you start working with sass/scss, I'd encourage you to follow the already proposed workflow:

compile locally -> upload compiled css to server.

[siilak]

If you can use PHPStorm, there is a File watchers for SCSS, LESS etc.

Other nice solution is Grunt or Gulp. Documentation is helping and not so hard to setup in console / terminal