[tailwindcss] タグが付いた質問
tailwindcss タグの使い方はまだ書かれていません。
10
質問
1
票
1
回答
52
閲覧数
tailwindcss postcssのプラグインについて
tailwindcssを用いたやり方を勉強すべくYouTubeで"しまブーのit大学"というチャンネルの"【Tailwind CSS #3】4つのインストール方法の紹介。オススメはPostCSSのプラグインとして使う方法。"という動画を参考に挑戦しているのですが、cssのスタイルが反映されません。
ブラウザーから見てみるとしっかり読み込まれてはいるのですが、...
0
票
0
回答
344
閲覧数
Vue3にて、propsでtailwindのclassを動的に指定したい。
Vue3とTailwindCSSを使って、コンポーネントとして、ボタンのカラーを動的に指定したいです。
以下の記事を参考に、付与するクラス名の一部にdataを用いる方法で試しました。
【JS】Vueの:classの書き方3通り
CSSとしては渡ってきたカラー名が入っているのですが、うまく表示に反映されないです。
<HomeButton color="blue" /&...
0
票
0
回答
45
閲覧数
Rails6系、Docker、Tailwindcssで開発をしています:TypeError: Cannot read properties of undefined (reading 'config')について
発生している問題
Docker、Rails6系、Tailwindcss バージョン3を使用して開発を行っています。別の問題があり、tailwindをv2からv3にするためにpackage.jsonでアンインストール、再インストールを行いました。
すると、localhost:3000を開いた際に以下のエラーが発生しました。
package.jsonの中身は以下のようになっています。
# ...
0
票
1
回答
69
閲覧数
Rails7 tailwindcss-rails gem でresponsive breakpointが機能しない
下記の環境で個人アプリ開発をしているのですが、tailwindcssのresponsive design機能がうまく機能しなくて困っています。
開発環境は下記です。
ruby '3.1.2'
rails '7.0.2.4'
tailwindcss-rails (2.0.8-x86_64-darwin)
tailwindcss-rails (2.0.8-x86_64-linux)
importmap-...
0
票
0
回答
36
閲覧数
JITモードが機能していない(使えない)
概要
tailwindcssバージョン2を使用しており、tailwind.config.jsファイルに「mode: "jit"」を追加したがjitモードが使えません。
発生している問題
jitモードをONにしていると、「w-[540px]」といったこともできるとドキュメントに記載されていたので試してみましたが、できませんでした。
tailwindをインストールした最初の段階で、...
0
票
0
回答
200
閲覧数
tailwind.config.jsファイルでheightをカスタマイズしたが反映されない
概要
Docker + Rails6系 + TailwindCSSバージョン2でアプリを作成しているのですが、カスタマイズしたheightを使用したくてtailwind.config.jsファイルを変更しました。
しかし、カスタマイズしたheightは反映されませんでした。
※ 他の質問サイトでも質問させていただいています 。
発生している問題
...
2
票
1
回答
388
閲覧数
Docker + Rails6系 + TailwindCSSバージョン3で、TailwindCSSのスタイルの反映がうまくいかない
概要
Docker + Rails6系 + TailwindCSSバージョン3でアプリを作成しているのですが、TailwindCSSのスタイルの反映がうまくいかないので相談させてください。
実現したいこと
index.html.erbにて、新しいTailwindのクラスを追加した際に即時スタイルを反映したい。
発生している問題
例えば、現在のindex.html.erbが以下のソースコードの場合、
...
2
票
1
回答
107
閲覧数
tailwind.css を読み込むと XyJax の表示が崩れる
Next.js + Tailwind + MathJax で数式を表示できるウェブサイトを作成しています。MathJax による数式表示は問題なく行えるのですが、その延長線上で XyJax を利用して図式を描こうとすると文字と線の位置がずれてしまいます。tailwind.css の読み込みをやめれば正しく表示されるのですが、CSS ...
0
票
1
回答
2,784
閲覧数
プロジェクトの中に "type": "module" を書く必要があるものと書いてはいけないものがある
await import(path) のところで ERR_UNSUPPORTED_DIR_IMPORT がでる
がうまくいったので、これを改良する形で、色々試していました。上記は dynamic importを使っているので、package.json に
"type": "module"
を書かないといけません。
ちなみに書かなかった場合のエラーは下記で、...
2
票
1
回答
749
閲覧数
Tailwind cssでJITによる逐次コンパイルの方法
以前からTailwind cssを使っていましたが、今回v2.2をインストールしてJITで逐次コンパイルを試みています。
tailwind.config.jsにJIT設定(mode: 'jit')をしてnpm run watchで確かにapp.cssの容量が大幅に小さくなり動作は確認しました。
が、vscodeで例えばtext-gray-500からtext-red-...