A Lektor plugin that adds Tailwind CSS to your project seamlessly.
Project description
Lektor 💛 Tailwind CSS
A Lektor plugin that adds Tailwind CSS to your project seamlessly.
Get Started
-
Add plugin to your project
$ lektor plugin add lektor-tailwind $ lektor plugin list
-
Configure your template paths
In
tailwindcss.config.js
:module.exports = { content: ['./templates/**/*.{html,j2}'], theme: { extend: {}, }, plugins: [], }
-
Add the Tailwind directives to your CSS
In
assets/static/style.css
:@tailwind base; @tailwind components; @tailwind utilities;
-
Start lektor build or server:
$ lektor build $ lektor server
You got it. Please refer to official Tailwind documentation for more information on using Tailwind CSS and its CLI.
Configuration
By default, the input CSS file in assets/static/style.css
, while it can be changed by css_path
plugin config.
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
lektor-tailwind-0.1.1.tar.gz
(1.7 MB
view hashes)
Built Distribution
Close
Hashes for lektor_tailwind-0.1.1-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | a66658e80d2a3a7ec5fcefb5d4f09b9e84b2bf708f9bc3bd73be233261773e26 |
|
MD5 | be7ff53e5799cb313e40bbbbc550e083 |
|
BLAKE2b-256 | 705f6f20ab3793c0be0cc04c8193ac59ca6c7881d23e8f1c368137e18c108844 |