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.0.tar.gz
(1.7 MB
view hashes)
Built Distribution
Close
Hashes for lektor_tailwind-0.1.0-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 046ce127f321a10609b2babf32e51b08d94c658d0ad3018f0fef149af1e1c56b |
|
MD5 | 08529ee50243d0c5b994aab27c17921b |
|
BLAKE2b-256 | dacffc6eae8ded1212c87e4f0fd760657477f8de5df9dffa237df66bbc7b3d4d |