koala icon indicating copy to clipboard operation
koala copied to clipboard

Individual stylesheets must be in the sass directory

Open Grahamhoare opened this issue 9 years ago • 21 comments

I'm so tired of this issue, please help, I really need to get compiling. My Directories are: "src": "wp-content/themes/reverie-master/scss", "dest": "wp-content/themes/reverie-master/css" But it never compiles no matter what I name the folders or paths I put in. What does "Individual stylesheets must be in the sass directory" mean? I have moved all my individual stylesheets to the sass directory and adjusted the paths and it still doesnt work. I don't know anything about Ruby, but then I shouldn't have to to use this? tnx Graham

Grahamhoare avatar Mar 27 '15 12:03 Grahamhoare

A quick update to this would be that I took all my files, put them into a folder called sass and had the stylesheets folder ready, and yes it worked. However these folders are not available to me in a custom wordpress framework. I need to be able to easily select and change input and output folders via the GUI? I would say, as I have over 10 years experience doing web design/dev, that you will be loosing a lot of people due to this (esp web designers). It just needs to be easier :-).

Grahamhoare avatar Mar 27 '15 13:03 Grahamhoare

And yes I did initially change the folder name to sass, and any other 'fiddle' I could think of.

Grahamhoare avatar Mar 27 '15 13:03 Grahamhoare

I had the files processing, I moved the word press install to the folder so I could keep it all together, not replacing or touching anything, it just stopped working, just thought you'd like some insight into how easy it is to use your programme. 4hrs down.......

Grahamhoare avatar Mar 27 '15 14:03 Grahamhoare

You should create the file config.rb under your project root directory.

oklai avatar Mar 30 '15 05:03 oklai

The programme gives me a koala-config file, which I can then edit via your programme to change the destination and src path, this doesnt work, i put in a config.rb, at first blank (didnt work) then copied and pasted the code in from the koala-config file and got this: SyntaxError on line ["24"] of C: C:/inetpub/wwwroot/dprtwo/config.rb:1: syntax error, unexpected tCONSTANT, expecting end-of-input // Sass project settings, you can edit it and set custom settings.

tnx G

Grahamhoare avatar Mar 30 '15 08:03 Grahamhoare

I get this too, once I upgraded to 2.0.4 deep imports stopped working completely. So - it used to be fine, then it stopped working. So now I have I bunch of projects that won't compile any more because Koala changed how files should be structured.

Is this working as intended? Because it sure does not make sense to me, limiting all sources to the same folder.

olemak avatar Apr 09 '15 11:04 olemak

I have the same issue using 2.0.4 and am unable to compile. Were you able to fix the issue?

AUM001 avatar Sep 28 '15 18:09 AUM001

Hi AUM, Unfortunately not, I got around it for a while by processing it into the set directory locally and then uploading it to the correct website directory. I have now managed to get scout running which has no such issues (thought your javascript has to be in correct location on PC, a whole different story :-)), I also found that koala only triggers files when they are two deep max, scout will trigger compiles at whatever level your partial includes are edited. I think koala hasn't fully made the leap from a Ruby programme/command line app to a GUI G

Grahamhoare avatar Sep 28 '15 21:09 Grahamhoare

I have the same problem here. First I had a simple project (not very "nested") and everything worked fine. After adding Compass/CSS3 framework. Game over :) Also tried again with my old project in old form - worked without error. As a last step I tried to compile the new rwd (scss) Magento theme and didn't worked (same error).

  • OS: Win 7 Ultimate X64
  • Koala version: 2.0.4
  • Options:
    • - Compass Mode
  • Output Style:
    • - nested

Tried with / without changing koala-config.json . Changed from mappings dest / src (but by default it should get src from project source (imported folder in projects), and should output in the same directory).

Looking forward for an update maybe. Thank you.

SND89 avatar Oct 11 '15 03:10 SND89

Had the same issue, solved by removing the tick at "compass mode". It apparently expects the normal structure of compass projects with a sass and a stylesheets folder

weidler avatar Nov 15 '15 14:11 weidler

So, was there ever any resolution to this issue. I am experiencing it now and it is extremely frustrating. I have ticked/Unticked/configured/Unconfigured and finally removed this app. I would very much like to gain some resolution from the developers, if they are still supporting the product.

siamcomm avatar Dec 21 '15 09:12 siamcomm

I "resolved" it by ditching Koala and getting Prepos instead.

olemak avatar Dec 21 '15 10:12 olemak

Ok, I have found what I think may be a solution.

First, click on the settings icon, then click on SASS. In this area, make sure "Compass Mode" is NOT checked.

However, this does not fix the problem by itself.

Next, click on the name one of the SCSS or SASS files in your list. It should show you the options for that single file. In many cases, the Compass Mode may be turned on for a Single file, causing the problem/error message.

Just go through the files and ensure none of them are set to use Compass Mode. Then go and Compile your main SCSS file and it should work now.

siamcomm avatar Dec 21 '15 12:12 siamcomm

I have the same issue. Also, I've followed @siamcomm instructions but no luck. I am new in Koala and I am not able to compile SCSS files along with Compass mode. Welcome any suggestion. Regards

gfdesign avatar Dec 21 '15 14:12 gfdesign

I've put my .scss files into a SASS directory (as says the error message). Now, I am able to compile with Compass mode but I get my .css compiled files in "stylesheets" folder in spite of I've indicated these files must be compiled into "CSS" folder that I set as output path in the properties of each .scss file. Therefore, I am not being able to get that my compiled files into the folder I want. Any idea?

gfdesign avatar Dec 21 '15 14:12 gfdesign

I struggled with the same problems until I ditched the "koala-config.json" in favour of creating a "config.rb" file. Everything works perfectly now and its a lot simpler. These are the only lines I put in mine: css_dir = "/" sass_dir = "sass" output_style = "compressed"

john0philip avatar Jan 12 '16 08:01 john0philip

OMG ... You're not going to believe this. Using Koala with Compass Mode checked will give you that pesky error if your file name is scss instead of sass!!! Do this: Remove the config.rb file ... remove the koala-config.json file. Rename your scss file to sass. Upload to koala. If the file ouput folder does not point to your css folder, right click it and select 'set output path' .

Honestly I was on this struggle bus with the rest of you following all those instructions for setting the path in .json and .rb ... I realized what the problem was when I had one folder that compiled and another didn't. The only thing different in the two was, I had named the folder that contained my scss files 'sass' in the one that worked and 'scss' in the one that didn't work.

lakenney avatar Mar 12 '16 18:03 lakenney

Removed the config.rb and .json file. Added the new project on Koala, and it successfully showed the green notification. Then I changed the output path and it is working. Took me an hour to figure it out

AshiqKiron avatar Feb 25 '17 18:02 AshiqKiron

I have the same issue in a new project also :

  • same architecture

  • same starter-files 'names' with previous project (where Koala work well !)...

  • i didn't set the KOALA settings between projects

i don't understand why is the problem

Mil00Z avatar Mar 06 '18 23:03 Mil00Z

Renamed folder to sass, changed extensions and includes to .sass I get an empty error from my main sass file

danielocdh avatar Aug 15 '18 01:08 danielocdh

Ok, I have found what I think may be a solution.

First, click on the settings icon, then click on SASS. In this area, make sure "Compass Mode" is NOT checked.

However, this does not fix the problem by itself.

Next, click on the name one of the SCSS or SASS files in your list. It should show you the options for that single file. In many cases, the Compass Mode may be turned on for a Single file, causing the problem/error message.

Just go through the files and ensure none of them are set to use Compass Mode. Then go and Compile your main SCSS file and it should work now.

It worked for me, thanks :+1:

Bhanumathi-a avatar Nov 16 '20 13:11 Bhanumathi-a