Edited at

styledoccoでstylusのスタイルガイド作った結果www

More than 5 years have passed since last update.

スタイルガイドのDOMにスタイルが当たってない…。本当は該当のCSSが当たった状態でボタンが表示されるはずなのに、普通のリンクになってる…。

ボタン1

原因はどうやらこれだった。

Error in resulted files when using the --preprocessor option on stylus files · Issue #25 · jacobrask/styledocco

2年前のissueなのに4ヶ月前の返答。要はstyledocco --preprocessor "stylus -p"を渡してあげれという事ですね。stylus -pとpオプション渡さないと、標準出力でのメッセージをそのまま渡してしまうので、CSSとして読み込めないということらしい。

おかげで、ちゃんとDOMにスタイルが当たるようになりました!

ボタン2

あともうissueがcloseされてはいるんですが、Chrome Canary 34.0.1783.0 (Official Build 244475)では、このDOM部分がまったく表示されないというバグがあります。

普通のChromeだと大丈夫です。iframeが悪さしてるらしい気がする。ちゃんと調べてないけど。

Preview iframes blocked in Chrome 33 · Issue #100 · jacobrask/styledocco

【追記】

上で言ってたプレビュー部分のDOMが見れない件が、Chromeの32.0.1700.77 (Official Build 244503) でも起きたので、issueを投げておいた。対応してほしいものですね。

Preview iframe can't render in Chrome 33 · Issue #111 · jacobrask/styledocco