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
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #phoenix_html
- #iex
- #graphql
- #ai
- #genstage
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
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 Posts (oldest first)
- Show All Posts (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