Issue with SASS - about kss-node HOT 6 CLOSED

Looks like there's an error reading the files somehow, but I've just pushed an update which will throw it in time. Can you try again and let me know what the error is? Thanks :)

The "compiling LESS" line is a bit misleading, it's referring to kss-node's styles - I'll swap this out soon too.

from kss-node.

Ok - thanks! Getting this error now.

kss-node sass styleguide --sass

Generating your KSS Styleguide!

• Source: /Users/jrutter/atg/svn/Development_39/grapevine-web.war/sass
• Destination: /Users/jrutter/atg/svn/Development_39/grapevine-web.war/styleguide
• Template: /usr/local/lib/node_modules/kss/lib/template

...compiling LESS
...parsing your styleguide
EMFILE, open 'sass/node_modules/kss/test/fixtures-styles/style.sass'
Error: EMFILE, open 'sass/node_modules/kss/test/fixtures-styles/style.sass'

Maybe it doesnt like the .scss files?

from kss-node.

@jrutter I believe your problem may be that the -sass argument takes a file path string after it.

e.g. kss-node sass styleguide --sass

should be kss-node sass styleguide --sass something.scss

However, that is for including styles in the output "page". If I call kss-node with an empty -sass argument it does work, but in the "compiling additional stylesheets" section is reports -true (sass) where it would be a filename, but it does compile and detect annotations fine.. so as for actually detecting KSS annotations, you may be on to something?

from kss-node.

I'm also facing the same problem. When using kss-node sass/ styleguide/ -S sass/main.scss the included stylesheet styleguide/public/style.css will be empty.

At the same time if use an already compiled stylesheet to be included kss-node sass/ styleguide/ -s stylesheets/main.css, things are working fine.

Am I missing something here while using a SASS file directly?

from kss-node.

I'm having a similar issue when I do this:

/*
 Buttons

 Below you'll find all the styles used in buttons along with a sample HTML

 Markup: <button class="button {$modifiers}">

 :hover - Highlight the button when hovered.

 Styleguide 1.1
 */
.button {
  background:yellow;
}

.button:hover {
  background:#ffcc00;
}

.button.blue {
  background : blue;
}

The error I get is:

Cannot call method 'match' of undefined
TypeError: Cannot call method 'match' of undefined
    at checkReference (/usr/local/Cellar/node/0.10.4/lib/node_modules/kss/lib/kss.js:378:21)
    at parseChunk (/usr/local/Cellar/node/0.10.4/lib/node_modules/kss/lib/kss.js:189:27)
    at parse (/usr/local/Cellar/node/0.10.4/lib/node_modules/kss/lib/kss.js:138:10)
    at /usr/local/Cellar/node/0.10.4/lib/node_modules/kss/lib/kss.js:78:8
    at fs.js:266:14
    at Object.oncomplete (fs.js:107:15)

But if I do this, it works:

/*
// Buttons

// Below you'll find all the styles used in buttons along with a sample HTML

// Markup: <button class="button {$modifiers}">

// :hover - Highlight the button when hovered.

// Styleguide 1.1
*/
.button {
  background:yellow;
}

.button:hover {
  background:#ffcc00;
}

.button.blue {
  background : blue;
}

from kss-node.

correctly. all comments should have this format, keep an eye on the newlines, which is mandatory.

// Reference Name
//
// Description
// 
// Markup: <button class="baseClassName {$modifiers}">
//
// :modifier - description of modifier
// .className - description of modifier
// 
// Styleguide 1.1

.baseClassName {
  background:yellow;
}

.baseClassName:modifier {
  background:#ffcc00;
}

.baseClassName.className {
  background : blue;
}

from kss-node.