私はYesodとBlueprint CSS Frameworkを使いたいです。ベストプラクティスはありますか?YesodでCSSフレームワークを使用するには?
YesodはCSS用テンプレートを使用しているため、.cssファイルを直接使用することはできません。私はそれらを.luciusファイルに名前を変更する必要がありますか?
CSSをdefaultLayoutに追加するにはどうすればよいですか?
私はYesodとBlueprint CSS Frameworkを使いたいです。ベストプラクティスはありますか?YesodでCSSフレームワークを使用するには?
YesodはCSS用テンプレートを使用しているため、.cssファイルを直接使用することはできません。私はそれらを.luciusファイルに名前を変更する必要がありますか?
CSSをdefaultLayoutに追加するにはどうすればよいですか?
1つのアプローチは、それらを.luciusファイルに名前変更することです.はが完全に動作するはずです。 (もしそうでなければ、それはLuciusのバグであり、報告しなければなりません)。しかし、CSSを静的フォルダに保存し、addStylesheet呼び出しでそのCSSを参照することもできます。これは、私がYesod Wikiで取ったアプローチです。
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}>
CSSフレームワークの場合は、ベストプラクティスは静的フォルダに配置されているように見えます。 – davidbe