概要 Vue.jsとTailwind CSSの基本的な使い方 動的な背景色の設定 まとめ

概要 次のように曜日毎に改行を入れて編集したテキストがあったとします。 これをWebページで表示したら次のように改行が無視された状態になってしまいました。 これを次のように表示するようにするための方法のメモです。 方法 […]

この方法は Tailwind CSS の公式の”Install Tailwind CSS with Vue 3 and Vite“という記事に書いてありました。なのでそちらを見ればよいのですが、わ […]

はじめに 少し前から Tailwind JIT の存在は知っていましたが、次の動画を観ていませんでした。観たらちょっと感動しました。 Tailwind CSS を使うとPost CSSの処理によって、リリース版は10kB […]

概要 GatsbyやNext.jsのプロジェクトでTailwind CSSに導入するのは難しくないようです。一方で、生のReactでwebpackの設定をいじったりするのはちょっと大変でした。 Tailwind を Ga […]

概要 styled-componentsを用いたGatsbyのプロジェクトに、Tailwind CSSを用いたプロジェクトのスタイリングをコピーして使うために、twin.macro (Twin)を使ってみました。忘れない […]