如何在Yesod中使用CSS框架？

我想在Yesod中使用Blueprint CSS框架。有沒有最佳做法？如何在Yesod中使用CSS框架？

因爲Yesod使用CSS模板，它在我看來我不能直接使用.css文件？我必須將它們重命名爲.lucius-files嗎？

如何將CSS添加到defaultLayout？

2011-07-03 davidbe

一種方法是將其重命名爲.lucius文件，其中應該完美工作。（如果沒有，這是Lucius中的一個錯誤，你應該報告它。）但是，你也可以將CSS存儲在靜態文件夾中，並用addStylesheet調用引用它;例如，這是我使用Yesod Wiki所採用的方法。

來源

2011-07-03 10:21:23

在CSS框架的情況下，看起來最好的做法是將它們放在靜態文件夾中。 – davidbe

對此，yesod wiki有一個article。該解決方案基本上是把藍圖的副本在你的靜態文件夾中，那麼您可以在一個類型安全的方式參考藍圖是這樣的（在你的templates/default-layout-wrapper.hamlet，^{pageHead pc}前）：

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

來源

2012-02-03 18:03:39 Tarrasch

鏈接到文章似乎被打破。 – interstar

對不起@interstar。我現在更新了鏈接。 :) – Tarrasch

如何在Yesod中使用CSS框架？

回答

相關問題