Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Multi-line descriptions / Loop #32

Closed
m5o opened this issue Jan 27, 2014 · 3 comments
Closed

Feature Request: Multi-line descriptions / Loop #32

m5o opened this issue Jan 27, 2014 · 3 comments

Comments

@m5o
Copy link
Contributor

m5o commented Jan 27, 2014

First, this project is amazing!! The last weeks i played with different styleguide tools (grunt-styleguide, kss-node, styledocco). I am so happy that i found this repository.

On my testing trip I found one key feature from kss-node very interesting. Read the part on Multi-line descriptions.

In short - in their markup section they use the {$modifiers} keyword as a spacer. The next few lines specify the attributes. The syntax is like a list.

This is a example from the kss-node/demo

// 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.

The processor loops thought the markup code and add the attributes for $modifiers.

View the result It is cleaner, less duplication and easy to see different variations of an element.

or watch this kss-node-template with more multi-line descriptions and examples.

What do you think about this feature?
This is an open discussion. Is this possible with handlebars? Useful / Useless...

Greets,
m5o

@winstromming
Copy link
Owner

Thanks for the suggestion. I understand exactly why people might want this, but it's also what I attempted to move away from with Sassdown. When you begin defining very specific markup requirements, it's no longer flexible. KSS is very good at what KSS does - but Sassdown aims to be a little more freeform with the commenting syntax (ie. strictly full Markdown).

What I am currently investigating is the grouping and displaying of variables from the SASS source, if they exist. But that doesn't directly tackle your suggestion. However, it's not a path I'm currently looking to go down. Future release, maybe. Optional syntax, maybe. Right now? No.

@m5o
Copy link
Contributor Author

m5o commented Jan 27, 2014

ok thanks for your words. What about find conventions and not breaking Markdown syntax. Here I am on your side strictly support markdown syntax. This example with an h3 and a simple bullet list.

    <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']"/>

### Variations
* .primary      - Indicate that the button is the primary feature of this form.
* .remove      - Indicate that the button will remove a feature

I've noticed also the guys from github use simple bullet list. Check out github.com/styleguide

@winstromming
Copy link
Owner

I'm going to close this issue, as to some extent it defers to #38

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants