點燈坊

失くすものさえない今が強くなるチャンスよ

タグ : Pico CSS

整合 Hugo 與 Pico CSS

Pico CSS 為著名的 Classless CSS,特別適合 Blog、Document 之類應用,而 Hugo 也適合 Blog 與 Document,因此 Hugo 與 Pico CSS 可說是天作之合。

整合 Vue 3 與 Pico CSS

Pico CSS 為著名的 Classless CSS,有別於 Tailwind CSS 的 Utility First CSS,他為 Semantic HTML 提供了 Default Style,讓我們在開發時專心於 HTML 與 Vue。

使用 CSS Variable 改變預設值

雖然 Pico CSS 為 Classless CSS,已經為原生 HTML Element 提供 Default Style,但仍然會遇到一些設定值與需求不符,典型就是 Pico CSS 為很多 Element 都提供了預設的 Vertical Padding,此時我們可以自行修改 CSS Variable。