I may be setting it up wrong, but it didn't work with the CSS file.
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['app/views/**/*.html.erb', 'app/frontend/**/*.css'],
plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')],
};
<div
class="right-0 absolute z-10 mt-2 hidden w-56 origin-top-right rounded-md bg-slate-800 shadow-lg ring-1 ring-black ring-opacity-5 transition duration-100 ease-out focus:outline-none"
role="menu"
aria-orientation="vertical"
aria-labelledby="menu-button"
tabindex="-1"
>
<div class="py-1" role="none"><%= yield %></div>
</div>
Version: 1.84.2 (Universal)
Commit: 1a5daa3a0231a0fbba4f14db7ec463cf99d7768e
Date: 2023-11-09T10:52:33.687Z
Electron: 25.9.2
ElectronBuildId: 24603566
Chromium: 114.0.5735.289
Node.js: 18.15.0
V8: 11.4.183.29-electron.0
OS: Darwin arm64 22.5.0