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 = { // './' refers to the lektor build output directory, NOT the project dir content: ['./**/*.html'], 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.2.0.tar.gz
(1.7 MB
view hashes)
Built Distribution
Close
Hashes for lektor_tailwind-0.2.0-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | c5f9c293071acc32d3eb95d87fc08fdbf7556675144eb1bc6f6c42d0e4582355 |
|
MD5 | 4e2202b3bd05384d81840d24a4e7a2d8 |
|
BLAKE2b-256 | 66248f7a81bd9e535f9727cc81d29037f827f39643d6148945de3da071ffbaf2 |