gsperka
Hello -
I am still very new to Phoenix / Elixir. I am having a very difficult time simply importing an additional css file in my app.css file.
I am using Petal and just up downloaded their major update (to 1.0.0 ). The instructions shown here: Install has the following lines:
@import "tailwindcss/base";
@import "../../deps/petal_components/assets/default.css";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
The problem is that @import "../../deps/petal_components/assets/default.css"; is simply not being imported / built. Is this an esbuild problem? This problem is documented here: https://stackoverflow.com/a/71591398/3007294 but I followed these instructions and still no luck. Any ideas? I also imported the css file in the app.js file (which still doesn’t make sense to me since it’s a css file and I am coming from a webpack background…) but that didn’t work either…
Where Next?
Trending in Questions
Other Trending Topics
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 2- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
acco
Posting here for posterity as this is the first search result on the topic:
Check the relative path of your import. I was in an umbrella app, so my import needed to look like this:
gsperka
Thanks @acco. I never followed up here, but I created a Github Issue that was eventually resolves: Bug: Unable to import "../../deps/petal_components/assets/default.css"; in app.css file · Issue #154 · petalframework/petal_components · GitHub