The title tag is printed

[Thibaut-B]

I have the version 0.13.0
I used the example in the README.

When I add a title tag @title Button The navigation is generated but @title Button is printed under the title.

[morishxt]

@Thibaut-B Could you show me your CSS code that include the comment for creating style guide?

[Thibaut-B]

@morishitter yes:

/*
@styleguide

@title Button

Use the button classes on an `<a>`, `<button>`, `<input>` element.

<button class="o-btn o-btn--primary">Button primary</button>

    <button class="o-btn o-btn--primary">Button primary</button>
*/
.o-btn {
  display: inline-block;
  padding: 12px 25px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  border: 1px solid transparent;
}

[morishxt]

@Thibaut-B Thanks, I will confirm it.

[iadcode]

I am also experiencing this bug. It appears to be because I'm working in a Windows environment, and so my CSS files have CRLFs in them, not just LFs. If I save the CSS file with just unix chars and then process it, I get the expected output of no @title annotations.

EDIT: Pull request #49 apparently fixes this issue, in fact.

[iadcode]

For those looking for a work around while #49 is still being worked on, you can process your CSS file through something like normalize-newline first to resolve the issue.

fs.readFile(file)
  .then(contents => {
    return require('normalize-newline')(contents.toString())
  })
  .then(contents => {
    return require('postcss')([require('postcss-style-guide')])
      .process(contents)
  });