Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
16
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

Organization

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

スタイルガイドの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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
16
Help us understand the problem. What are the problem?