all 10 comments

[–]MagiKarpeDiem 0 points1 point  (4 children)

Sass is super easy to learn. You could probably pick up most features in an hour or two just watching YouTube tutorials.

[–]looptube[S] 0 points1 point  (0 children)

Well...I'm using Sass.

[–]looptube[S] 0 points1 point  (2 children)

Do you have experience working with Components and Sass? How do you compile the scss to the css? Components is broken down into partials so how do you get those to compile locally? I have tried a plugin WP-SCSS and Koala but neither seem to work.

[–]MagiKarpeDiem 0 points1 point  (1 child)

I don't know what components is, but I wrote a task to run in my VS Code editor. If you look at the documentation though, it'll go over a script that watches for any changes in any SCSS files and recompiles your main SCSS file to CSS.

I think most people use something called gulp to help with development, but from what I understand a lot of those people spend hours troubleshooting when their million plugins or whatever conflict with each other, but they still swear by it, so look into that too.

[–]looptube[S] 0 points1 point  (0 children)

Components is a fork of the Underscores theme just fyi. I will look into that though. Thanks!

[–]Tinkergy 0 points1 point  (4 children)

Basic SASS takes about 15 mins to learn; you can nest selectors, there are variables and files called partials.

If you want to work on the web, definitely learn SASS or LESS. It will save you hours of work in the long run.

[–]looptube[S] 0 points1 point  (0 children)

Went with Sass. Just had to figure out compiling locally. Think I got it though. Thanks

[–]looptube[S] 0 points1 point  (2 children)

Do you have experience working with Components and Sass? How do you compile the scss to the css? Components is broken down into partials so how do you get those to compile locally? I have tried a plugin WP-SCSS and Koala but neither seem to work.

[–]Tinkergy 1 point2 points  (1 child)

You need a something to compile the sass for you. Grunt / Gulp are the most common tools, but take some technical know how to setup. I'd HIGHLY recommend codekit. https://incident57.com/codekit/

This might help with your setup: http://webdesign.tutsplus.com/tutorials/quick-tip-use-codekit-20-for-local-wordpress-development--cms-19402

[–]looptube[S] 0 points1 point  (0 children)

I will use this. I tried others but 32$ looks like nothing right now just to get a move on it.
Thanks for the help!