Skip to main content

Work library for Forge

Project description

forge-tailwind

Use Tailwind CSS with Django without requiring npm.

Made possible by the Tailwind standalone CLI.

Installation

Forge installation

The forge-tailwind package is a dependency of forge and is available as forge tailwind.

If you use the Forge quickstart, everything you need will already be set up.

The standard Django installation can give you an idea of the steps involved.

Standard Django installation

This package can be used without forge by installing it as a regular Django app.

First, install forge-tailwind from PyPI:

pip install forge-tailwind

Then add it to your INSTALLED_APPS in settings.py:

INSTALLED_APPS = [
    ...
    "forgetailwind",
]

Create a new tailwind.config.js file in your project root:

python manage.py tailwind init

This will also create a tailwind.css file at static/src/tailwind.css where additional CSS can be added. You can customize where these files are located if you need to, but this is the default (requires STATICFILES_DIRS = [BASE_DIR / "static"]).

The src/tailwind.css file is then compiled into dist/tailwind.css by running tailwind compile:

python manage.py tailwind compile

When you're working locally, add --watch to automatically compile as changes are made:

python manage.py tailwind compile --watch

Then include the compiled CSS in your base template <head>:

<link rel="stylesheet" href="{% static 'dist/tailwind.css' %}">

In your repo you will notice a new .forge directory that contains tailwind (the standalone CLI binary) and tailwind.version (to track the version currently installed). You should add .forge to your .gitignore file.

Updating Tailwind

This package manages the Tailwind versioning by comparing .forge/tailwind.version to the FORGE_TAILWIND_VERSION variable that is injected into your tailwind.config.js file. When you run tailwind compile, it will automatically check whether your local installation needs to be updated and will update it if necessary.

You can use the update command to update your project to the latest version of Tailwind:

tailwind update

Deployment

If possible, you should add static/dist/tailwind.css to your .gitignore and run the tailwind compile --minify command as a part of your deployment pipeline.

When you run tailwind compile, it will automatically check whether the Tailwind standalone CLI has been installed, and install it if it isn't.

When using Forge on Heroku, we do this for you automatically in our Forge buildpack.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

forge-tailwind-0.3.1.tar.gz (5.8 kB view hashes)

Uploaded Source

Built Distribution

forge_tailwind-0.3.1-py3-none-any.whl (6.8 kB view hashes)

Uploaded Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page