[tailwindcss] タグが付いた質問

タグの使い方はまだ書かれていません。

絞り込み
並べ替え
タグ付けされた
1
1 回答
52 閲覧数

tailwindcss postcssのプラグインについて

tailwindcssを用いたやり方を勉強すべくYouTubeで"しまブーのit大学"というチャンネルの"【Tailwind CSS #3】4つのインストール方法の紹介。オススメはPostCSSのプラグインとして使う方法。"という動画を参考に挑戦しているのですが、cssのスタイルが反映されません。  ブラウザーから見てみるとしっかり読み込まれてはいるのですが、...
ヂアミトール's user avatar
0
0 回答
344 閲覧数

Vue3にて、propsでtailwindのclassを動的に指定したい。

Vue3とTailwindCSSを使って、コンポーネントとして、ボタンのカラーを動的に指定したいです。 以下の記事を参考に、付与するクラス名の一部にdataを用いる方法で試しました。 【JS】Vueの:classの書き方3通り CSSとしては渡ってきたカラー名が入っているのですが、うまく表示に反映されないです。 <HomeButton color="blue" /&...
RIORIO's user avatar
  • 1
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の中身は以下のようになっています。 # ...
riku's user avatar
  • 21
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-...
mojaomi's user avatar
  • 27
0
0 回答
36 閲覧数

JITモードが機能していない(使えない)

概要 tailwindcssバージョン2を使用しており、tailwind.config.jsファイルに「mode: "jit"」を追加したがjitモードが使えません。 発生している問題 jitモードをONにしていると、「w-[540px]」といったこともできるとドキュメントに記載されていたので試してみましたが、できませんでした。 tailwindをインストールした最初の段階で、...
riku's user avatar
  • 21
0
0 回答
200 閲覧数

tailwind.config.jsファイルでheightをカスタマイズしたが反映されない

概要 Docker + Rails6系 + TailwindCSSバージョン2でアプリを作成しているのですが、カスタマイズしたheightを使用したくてtailwind.config.jsファイルを変更しました。 しかし、カスタマイズしたheightは反映されませんでした。 ※ 他の質問サイトでも質問させていただいています 。 発生している問題 ...
riku's user avatar
  • 21
2
1 回答
388 閲覧数

Docker + Rails6系 + TailwindCSSバージョン3で、TailwindCSSのスタイルの反映がうまくいかない

概要 Docker + Rails6系 + TailwindCSSバージョン3でアプリを作成しているのですが、TailwindCSSのスタイルの反映がうまくいかないので相談させてください。 実現したいこと index.html.erbにて、新しいTailwindのクラスを追加した際に即時スタイルを反映したい。 発生している問題 例えば、現在のindex.html.erbが以下のソースコードの場合、 ...
riku's user avatar
  • 21
2
1 回答
107 閲覧数

tailwind.css を読み込むと XyJax の表示が崩れる

Next.js + Tailwind + MathJax で数式を表示できるウェブサイトを作成しています。MathJax による数式表示は問題なく行えるのですが、その延長線上で XyJax を利用して図式を描こうとすると文字と線の位置がずれてしまいます。tailwind.css の読み込みをやめれば正しく表示されるのですが、CSS ...
Lomega's user avatar
  • 23
0
1 回答
2,784 閲覧数

プロジェクトの中に "type": "module" を書く必要があるものと書いてはいけないものがある

await import(path) のところで ERR_UNSUPPORTED_DIR_IMPORT がでる がうまくいったので、これを改良する形で、色々試していました。上記は dynamic importを使っているので、package.json に "type": "module" を書かないといけません。 ちなみに書かなかった場合のエラーは下記で、...
shingo.nakanishi's user avatar
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-...
anlovean's user avatar
  • 189