My project uses tailwindcss-rails
, and I want to add a lightbox to the app. I found a stimulus wrapper for it at GitHub - stimulus-components/stimulus-lightbox: A Stimulus controller to add a lightbox on images., and I can add its JS files using importmap, which works fine.
However, I’m struggling to understand how to add the plugin’s CSS files. I added @import 'lightgallery/css/lightgallery';
at the top of the application.tailwind.css
file, and it added the lightbox styles. However, I encountered problems with fonts because they were referenced as relative files inside the CSS, and they weren’t processed.
What is the correct way to handle situations like this?