tailwindとdaisyUIを使いはじめて、 色やサイズをカスタマイズしたいなと思ったら、いろいろできた(*´ω｀*) Tailwind Themeのカスタマイズ Configuration - Tailwind CSS // tailwind.config.js module.exports = { theme: { // テーマの設定 // デフォルト…

Tailwindでは、カスタムCSSを@applyやlg:などでも使えるように、 @layer utilitiesなどを使って設定が必要。 @tailwind base; @tailwind components; @tailwind utilities; @layer components { .select2-dropdown { @apply rounded-b-lg shadow-md; } } @la…

Nuxt2+Buefyで開発していたけど、BuefyがVue3をサポートしないっぽい。。 なので、移行先としてTailsind CSSを考えている。 いきなり全部の移行は難しいので、BuefyとTailwind3が同居できる環境を整える。 Nuxt3では試してみたけど、Nuxt2+Buefyだとちょっと…

いままでNuxt x Buefy(Bulma)で開発をしていたけど、 いろんなつらみが出てきた。。 なので、Nuxt3 x Tailwindでいい感じにできないか、 調査してみたときの備忘録。 いろんなつらみ 用意されているもの以外のカスタマイズがつらい Bulmaとnuxt/contentsなど…

ずっとBulmaというかBuefyを使っていたけど、 Bulmaとnuxt/content(の中のPrismJS)の相性が悪い。。 ・BulmaとNuxt/Content(というかPrism.js)の相性が結構辛い - Crieit 今はがんばっているけど、がんばらないでいいように、別のCSSフレームワークを検討中…