2011-07-03 10 views
4

私はYesodとBlueprint CSS Frameworkを使いたいです。ベストプラクティスはありますか?YesodでCSSフレームワークを使用するには?

YesodはCSS用テンプレートを使用しているため、.cssファイルを直接使用することはできません。私はそれらを.luciusファイルに名前を変更する必要がありますか?

CSSをdefaultLayoutに追加するにはどうすればよいですか?

答えて

6

1つのアプローチは、それらを.luciusファイルに名前変更することです.が完全に動作するはずです。 (もしそうでなければ、それはLuciusのバグであり、報告しなければなりません)。しかし、CSSを静的フォルダに保存し、addStylesheet呼び出しでそのCSSを参照することもできます。これは、私がYesod Wikiで取ったアプローチです。

+0

CSSフレームワークの場合は、ベストプラクティスは静的フォルダに配置されているように見えます。 – davidbe

4

yesod wikiにはarticleがあります。ソリューションは、あなたが(^{pageHead pc}前に、あなたのtemplates/default-layout-wrapper.hamletで、)このような青写真にタイプセーフウェイの参照にすることができ、あなたの静的フォルダ内の青写真のコピーを置くために、基本的である:

<link rel=stylesheet media=screen [email protected]{StaticR blueprint_screen_css}> 
<link rel=stylesheet media=print [email protected]{StaticR blueprint_print_css}> 
+0

記事へのリンクが壊れているようです。 – interstar

+0

@interstarについては申し訳ありません。今すぐリンクを更新しました。 :) – Tarrasch