Is there something specific that needs to go in the markdown document?

[adamjgrant]

I don't see any documentation from this from kss, kss-node, or gulp-kss.

Currently, I see the styleguide, but my comments don't find my way into it. I assume I need to declare something in my markdown that says "styleguide" and the version so it will trigger the right comments?

[willpracht]

KSS documentation is terrible.

Essentially the styleguide.md is your Overview page.
From there you have your stylesheet comments:

// Buttons
//
// A majority of buttons in the site are built from the same base class.
//
// Markup:
// <a href="#" class="button {$modifiers}">Link Button</a>
// <button class="button {$modifiers}">Button Element</button>
// <input type="button" class="button {$modifiers}" value="input[type='button']"/>
//
// .primary             - Indicate that the button is the primary feature of this form.
// .remove              - Indicate that the button will remove a feature, or other negative connotations.
// :hover               - Highlight the button when hovered.
// :disabled            - Make the button change appearance to reflect it being disabled.
// :active              - "Press" the button down when clicked.
//
// Styleguide 1.1
a.button.primary {
  color: blue;
}
a.button.remove {
  color: red;
}
a.button:hover {
  color: gray;
}

Here's some more help: https://stackoverflow.com/questions/10418387/setting-up-knyle-style-sheets-and-or-kss-node/23117663#23117663

[adamjgrant]

Thank you.

Adam Kochanowicz

2014-08-27 11:49 GMT-04:00 Will Pracht [email protected]:

KSS documentation is terrible.

Essentially the styleguide.md is your Overview page.
From there you have your stylesheet comments:

// Buttons
//
// A majority of buttons in the site are built from the same base class.
//
// Markup:
// Link Button
// Button Element
//
//
// .primary - Indicate that the button is the primary feature of this form.
// .remove - Indicate that the button will remove a feature, or other negative connotations.
// :hover - Highlight the button when hovered.
// :disabled - Make the button change appearance to reflect it being disabled.
// :active - "Press" the button down when clicked.
//
// Styleguide 1.1
a.button.primary {
color: blue;
}
a.button.remove {
color: red;
}
a.button:hover {
color: gray;
}

Here's some more help:
https://stackoverflow.com/questions/10418387/setting-up-knyle-style-sheets-and-or-kss-node/23117663#23117663

—
Reply to this email directly or view it on GitHub
#8 (comment).