Grow your CSS skills. Land your dream job.

SASS with Guard locally in WordPress

  • # May 24, 2013 at 5:00 pm

    can’t get Guard-sass to complile my styl;e.scss into style.css **in the root** of my theme folder.

    tried this


    guard 'sass', :input => '/', :output => '/'

    and so on…
    do i have to use a sass folder as input and a css folder as output?

    wordpress wants the stylesheet in the root.

    will probably use Prepros soon, but i’d like this to work.

    any thoughts?

    # May 24, 2013 at 5:07 pm

    Where is your SASS file located? Theme folder, sub-folder?

    # May 26, 2013 at 1:31 pm

    sass-file in /my-theme/sass and the output css in /my-theme/css.

    just figured out that if i just put them both in the theme root like this


    guard 'sass', :input => 'my-theme', :output => 'my-theme'

    and i’ll get my style.css where wordpress wants it.

    would be nice though to have the sass-file in another folder, but it’s not important at the moment.

    sort of Solved :)

    # May 26, 2013 at 1:40 pm

    ok. got it.

    guard 'sass', :input => 'my-theme/sass', :output => 'my-theme'

    sass file in it’s own folder and the output in the root. sweet.
    just gotta make sure that i init the guardfile in the parent folder of the theme.

    now it IS solved :)

    # July 7, 2013 at 7:49 am

    i switched to compass now and work with “` compass watch “` so i set it in the config.rb. just sayin’.

    # July 7, 2013 at 1:14 pm

    Prepros is fantastic :)

    # July 8, 2013 at 2:03 am

    ah there u go. forgot about it. time to test it out :)
    tnx.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".