4

YesodでBlueprintCSSFrameworkを使用したいと思います。ベストプラクティスはありますか？

YesodはCSSのテンプレートを使用しているので、.css-filesを直接使用できないように見えますか？それらの名前を.lucius-filesに変更する必要がありますか？

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

4

2 に答える 2

6

1つのアプローチは、それらの名前を.luciusファイルに変更することです。これは完全に機能するはずです。（そうでない場合は、Luciusのバグであるため、報告する必要があります。）ただし、CSSを静的フォルダーに保存し、addStylesheet呼び出しで参照することもできます。これは、たとえば、YesodWikiで採用したアプローチです。

于 2011-07-03T10:21:23.460 に答える
4

yesodwikiにはこれに関する記事があります。解決策は基本的に、ブループリントのコピーをstaticsフォルダーに配置することです。その後、タイプセーフな方法で次のようなブルー​​プリントを参照できますtemplates/default-layout-wrapper.hamlet（の前に^{pageHead pc}）：

<link rel=stylesheet media=screen href=@{StaticR blueprint_screen_css}>
<link rel=stylesheet media=print href=@{StaticR blueprint_print_css}>
于 2012-02-03T18:03:39.723 に答える