https://github.com/dbernheisel/phoenix15-tailwindcss2

Example of Tailwind CSS 2.0 and Phoenix 1.5
https://github.com/dbernheisel/phoenix15-tailwindcss2

Last synced: about 1 year ago
JSON representation

Example of Tailwind CSS 2.0 and Phoenix 1.5

• Host: GitHub
• URL: https://github.com/dbernheisel/phoenix15-tailwindcss2
• Owner: dbernheisel
• Created: 2020-11-30T00:25:33.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2020-12-24T03:06:08.000Z (over 5 years ago)
• Last Synced: 2025-01-23T01:31:22.912Z (about 1 year ago)
• Language: Elixir
• Size: 327 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Example Phoenix 1.5 and Tailwind 2.0 App

This shows a plain [Phoenix](https://www.phoenixframework.org/) app, generated

with `mix phx.new my_app`, and adding [Tailwind](https://tailwindcss.com/) to

it.

[See the commit that made it

work](https://github.com/dbernheisel/phoenix15-tailwindcss2/commit/4d2853aef2a8822d15191bd3be4acc52285a32ef).

Verified this works with both `node-sass` and `sass`.

Since Tailwind recommends using PostCSS as your preprocessor and not Sass, check the [remove-sass

branch](https://github.com/dbernheisel/phoenix15-tailwindcss2/tree/remove-sass)

and [see the commit to drop Sass](https://github.com/dbernheisel/phoenix15-tailwindcss2/commit/95b3c90d7c89b4ec29160bc0e29ea44f1aa18b2a)

![Example Screenshot](./priv/example.png)